2025-06-25 差分ファイル
各ファイルの差分について、左列が更新前、右列が更新後となります。
- ../tmp/pr_default/forgot/complete.tpl +5 -5
- ../tmp/pr_default/mail_templates/forgot_mail.tpl +1 -1
- ../tmp/pr_default/mail_templates/forgot_temp_login.tpl +1 -1
- ../tmp/pr_default/shopping/lp.tpl +1 -6
- ../tmp/pr_default/shopping/purchase_offer_complete.tpl +3 -7
- ../tmp/smp/templates/pr_default/forgot/complete.tpl +4 -4
- ../tmp/smp/templates/pr_default/shopping/lp.tpl +1 -6
- ../tmp/smp/templates/pr_default/shopping/purchase_offer_complete.tpl +2 -6
../tmp/pr_default/forgot/complete.tpl
CHANGED
|
@@ -1,52 +1,52 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="ja">
|
| 3 |
<head>
|
| 4 |
<meta charset="<!--{$smarty.const.CHAR_CODE}-->">
|
| 5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
| 6 |
<meta http-equiv="Pragma" content="no-cache">
|
| 7 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 8 |
<meta name="author" content="<!--{$arrPageLayout.author}-->" />
|
| 9 |
<meta name="description" content="<!--{$arrPageLayout.description}-->" />
|
| 10 |
<meta name="keywords" content="<!--{$arrPageLayout.keyword}-->" />
|
| 11 |
<link rel="stylesheet" href="<!--{$TPL_DIR}-->assets/css/style.css?<!--{$smarty.const.FRONT_CSS_VERSION}-->" type="text/css" media="all" />
|
| 12 |
<title><!--{$arrSiteInfo.shop_name}-->/パスワードを忘れた方(完了ページ)</title>
|
| 13 |
</head>
|
| 14 |
<body>
|
| 15 |
<noscript>
|
| 16 |
<p>JavaScriptを有効にしてご利用下さい</p>
|
| 17 |
</noscript>
|
| 18 |
<div class="p-forgot-password-complete">
|
| 19 |
<div class="c-section">
|
| 20 |
<h1 class="c-section__title">パスワードを忘れた方</h1>
|
| 21 |
-
|
| 22 |
<!--{if $secure_forgot_mail.secure_forget_mail_mode === $smarty.const.SECURE_FORGOT_MAIL_TEMP_LOGIN}-->
|
| 23 |
<p class="c-paragraph">
|
| 24 |
仮ログインURLを発行致しました。確認メールをご確認下さい。<br />
|
| 25 |
<span class="c-highlight">
|
| 26 |
※仮ログインURLは一時的なものですので、お早めにご利用下さい。<br />
|
| 27 |
-
|
| 28 |
</span>
|
| 29 |
</p>
|
| 30 |
<!--{else}-->
|
| 31 |
<p class="c-paragraph">
|
| 32 |
パスワードを再発行致しました。確認メールをご確認ください。<br />
|
| 33 |
<span class="c-highlight">
|
| 34 |
※パスワードは一時的なものですので、お早めにご変更下さい。<br />
|
| 35 |
-
|
| 36 |
</span>
|
| 37 |
-
</p>
|
| 38 |
<!--{/if}-->
|
| 39 |
|
| 40 |
<div class="c-button-group">
|
| 41 |
<a
|
| 42 |
href="javascript:window.close()"
|
| 43 |
class="c-button c-button--back-strong c-button--md"
|
| 44 |
>
|
| 45 |
閉じる
|
| 46 |
<input type="hidden" name="close" id="close" />
|
| 47 |
</a>
|
| 48 |
</div>
|
| 49 |
</div>
|
| 50 |
</div>
|
| 51 |
</body>
|
| 52 |
-
</html>
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="ja">
|
| 3 |
<head>
|
| 4 |
<meta charset="<!--{$smarty.const.CHAR_CODE}-->">
|
| 5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
| 6 |
<meta http-equiv="Pragma" content="no-cache">
|
| 7 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 8 |
<meta name="author" content="<!--{$arrPageLayout.author}-->" />
|
| 9 |
<meta name="description" content="<!--{$arrPageLayout.description}-->" />
|
| 10 |
<meta name="keywords" content="<!--{$arrPageLayout.keyword}-->" />
|
| 11 |
<link rel="stylesheet" href="<!--{$TPL_DIR}-->assets/css/style.css?<!--{$smarty.const.FRONT_CSS_VERSION}-->" type="text/css" media="all" />
|
| 12 |
<title><!--{$arrSiteInfo.shop_name}-->/パスワードを忘れた方(完了ページ)</title>
|
| 13 |
</head>
|
| 14 |
<body>
|
| 15 |
<noscript>
|
| 16 |
<p>JavaScriptを有効にしてご利用下さい</p>
|
| 17 |
</noscript>
|
| 18 |
<div class="p-forgot-password-complete">
|
| 19 |
<div class="c-section">
|
| 20 |
<h1 class="c-section__title">パスワードを忘れた方</h1>
|
| 21 |
+
|
| 22 |
<!--{if $secure_forgot_mail.secure_forget_mail_mode === $smarty.const.SECURE_FORGOT_MAIL_TEMP_LOGIN}-->
|
| 23 |
<p class="c-paragraph">
|
| 24 |
仮ログインURLを発行致しました。確認メールをご確認下さい。<br />
|
| 25 |
<span class="c-highlight">
|
| 26 |
※仮ログインURLは一時的なものですので、お早めにご利用下さい。<br />
|
| 27 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
| 28 |
</span>
|
| 29 |
</p>
|
| 30 |
<!--{else}-->
|
| 31 |
<p class="c-paragraph">
|
| 32 |
パスワードを再発行致しました。確認メールをご確認ください。<br />
|
| 33 |
<span class="c-highlight">
|
| 34 |
※パスワードは一時的なものですので、お早めにご変更下さい。<br />
|
| 35 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
| 36 |
</span>
|
| 37 |
+
</p>
|
| 38 |
<!--{/if}-->
|
| 39 |
|
| 40 |
<div class="c-button-group">
|
| 41 |
<a
|
| 42 |
href="javascript:window.close()"
|
| 43 |
class="c-button c-button--back-strong c-button--md"
|
| 44 |
>
|
| 45 |
閉じる
|
| 46 |
<input type="hidden" name="close" id="close" />
|
| 47 |
</a>
|
| 48 |
</div>
|
| 49 |
</div>
|
| 50 |
</div>
|
| 51 |
</body>
|
| 52 |
+
</html>
|
../tmp/pr_default/mail_templates/forgot_mail.tpl
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 1 |
パスワードを変更致しました。
|
| 2 |
|
| 3 |
新しいパスワード：<!--{$temp_password}-->
|
| 4 |
|
| 5 |
このパスワードは一時的なものですので、お早めにご変更下さい。
|
| 6 |
-
|
|
|
|
| 1 |
パスワードを変更致しました。
|
| 2 |
|
| 3 |
新しいパスワード：<!--{$temp_password}-->
|
| 4 |
|
| 5 |
このパスワードは一時的なものですので、お早めにご変更下さい。
|
| 6 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
../tmp/pr_default/mail_templates/forgot_temp_login.tpl
CHANGED
|
@@ -1,7 +1,7 @@
|
|
| 1 |
仮ログインURLを発行致しました。
|
| 2 |
|
| 3 |
仮ログインURL：<!--{$temp_password}-->
|
| 4 |
|
| 5 |
この仮ログインURLは一時的なものですので、お早めにご利用下さい。
|
| 6 |
また、一度ログインに成功するとこの仮ログインURLは失効します。
|
| 7 |
-
|
|
|
|
| 1 |
仮ログインURLを発行致しました。
|
| 2 |
|
| 3 |
仮ログインURL：<!--{$temp_password}-->
|
| 4 |
|
| 5 |
この仮ログインURLは一時的なものですので、お早めにご利用下さい。
|
| 6 |
また、一度ログインに成功するとこの仮ログインURLは失効します。
|
| 7 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
../tmp/pr_default/shopping/lp.tpl
CHANGED
|
@@ -1,1559 +1,1554 @@
|
|
| 1 |
<!--{* ↓編集しないでください↓ *}-->
|
| 2 |
<!--{if $body_file_path !== ''}-->
|
| 3 |
<!--{include file=$body_file_path}-->
|
| 4 |
<!--{/if}-->
|
| 5 |
<!--{if $preview || $non_save_preview}-->
|
| 6 |
<!--{include file=Path::LP_PREVIEW_ATTENTION_TPL_PATH()->getPathname()}-->
|
| 7 |
<!--{/if}-->
|
| 8 |
<!--{* ↑編集しないでください↑ *}-->
|
| 9 |
|
| 10 |
<!-- ▼CONTENTS -->
|
| 11 |
<div class="p-lp <!--{if $non_save_preview}-->preview<!--{/if}-->">
|
| 12 |
<!--{if !$skip_confirm_page_flg}-->
|
| 13 |
<div class="c-order-step">
|
| 14 |
<div class="c-order-step__item c-order-step__item--current">
|
| 15 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 16 |
<div class="c-order-step__right"><span>入力</span></div>
|
| 17 |
</div>
|
| 18 |
<div class="c-order-step__item">
|
| 19 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 20 |
<div class="c-order-step__right"><span>確認</span></div>
|
| 21 |
</div>
|
| 22 |
<div class="c-order-step__item">
|
| 23 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 24 |
<div class="c-order-step__right"><span>完了</span></div>
|
| 25 |
</div>
|
| 26 |
</div>
|
| 27 |
<!--{/if}-->
|
| 28 |
<div class="c-contents-header">
|
| 29 |
<h2 class="c-contents-header__title">購入手続き</h2>
|
| 30 |
</div>
|
| 31 |
<div class="c-contents-body">
|
| 32 |
<form name="form1" id="form1" method="post" action="<!--{$smarty.server.SCRIPT_NAME}-->" class="js-efo js-lp-recaptcha-form">
|
| 33 |
<!--{* 商品選択 *}-->
|
| 34 |
<div class="p-lp__product js-lp-product-select">
|
| 35 |
<!--{foreach from=$lp_form_products key="key" item="lp_form_product"}-->
|
| 36 |
<div class="c-lp-section">
|
| 37 |
<div class="c-form-groups c-form-groups--row product-group">
|
| 38 |
<div class="product-group__product">
|
| 39 |
<div class="c-form-group c-form-group--row">
|
| 40 |
<!--{if deprecated_count($lp_form_products) > 1}-->
|
| 41 |
<label class="c-form-label" for="product_id_<!--{$key}-->">商品<!--{$key}--></label>
|
| 42 |
<!--{/if}-->
|
| 43 |
<div class="c-select c-select--lg c-select--white">
|
| 44 |
<select class="product_id" name="product_id[<!--{$key}-->]" id="product_id_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 45 |
<!--{* ↓未選択の商品選択肢を追加したい場合は以下のコメントアウトを外してください↓ *}-->
|
| 46 |
<!--{* <option value="" class="js-lp-product-empty-option">商品を選択してください</option> *}-->
|
| 47 |
|
| 48 |
<!--{* ↓編集しないでください↓ *}-->
|
| 49 |
<!--{foreach $lp_form_product as $product}-->
|
| 50 |
<option value="<!--{$product.product_id}-->"<!--{if $arrForm.product_id[$key] == $product.product_id}--> selected="selected"<!--{/if}-->>
|
| 51 |
<!--{if $product.product_name}--><!--{$product.product_name}--><!--{else}--><!--{$product.name}--><!--{/if}-->
|
| 52 |
</option>
|
| 53 |
<!--{/foreach}-->
|
| 54 |
<!--{* ↑編集しないでください↑ *}-->
|
| 55 |
</select>
|
| 56 |
<i></i>
|
| 57 |
</div>
|
| 58 |
</div>
|
| 59 |
<div id="error-product_id" class="validate-error-message"></div>
|
| 60 |
</div>
|
| 61 |
-
<!--{
|
| 62 |
-
<div class="c-form-group c-form-group--row">
|
| 63 |
-
<!--{* 数量は適宜編集してください。*}-->
|
| 64 |
<!--{assign var=key1 value="quantity"}-->
|
| 65 |
<label class="c-form-label" for="quantity_<!--{$key1}-->">数量：</label>
|
| 66 |
<div class="c-select c-select--lg c-select--white">
|
| 67 |
<select class="quantity" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 68 |
<!--{section name=i start=1 loop=11}-->
|
| 69 |
<!--{assign var="quantity" value="`$smarty.section.i.index`"}-->
|
| 70 |
<option value="<!--{$quantity}-->"<!--{if $arrForm[$key1][$key] == $quantity}--> selected="selected"<!--{/if}-->><!--{$quantity}--></option>
|
| 71 |
<!--{/section}-->
|
| 72 |
</select>
|
| 73 |
<i></i>
|
| 74 |
</div>
|
| 75 |
</div>
|
| 76 |
-
<!--{else}-->
|
| 77 |
-
<input type="hidden" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" value="1">
|
| 78 |
-
<!--{/if}-->
|
| 79 |
</div>
|
| 80 |
<div id="class_category_block_<!--{$key}-->" style="display:none;" class="clear class_category_block">
|
| 81 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 82 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 83 |
<div class="class-category" id="class_category_select_<!--{$key}-->"></div>
|
| 84 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 85 |
</div>
|
| 86 |
|
| 87 |
<div id="bundle_product_block_<!--{$key}-->">
|
| 88 |
<!--{* よりどり商品を選択すると、ここによりどり商品用の UI が表示されます。 *}-->
|
| 89 |
</div>
|
| 90 |
</div>
|
| 91 |
<!--{/foreach}-->
|
| 92 |
</div>
|
| 93 |
|
| 94 |
<!--{* ログイン *}-->
|
| 95 |
<div id="login" class="p-lp__login">
|
| 96 |
<div class="login-check" summary="ログインチェック" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 97 |
<div class="c-lp-section" <!--{if $register == 2}-->style="display: none;"<!--{/if}-->>
|
| 98 |
<div class="omit-input">
|
| 99 |
<!--<h1>過去に購入したことがある方</h1>-->
|
| 100 |
<div class="c-checkbox">
|
| 101 |
<input type="checkbox" name="register" id="register" value="1" <!--{if $register == 1}-->checked="checked"<!--{/if}-->/>
|
| 102 |
<label for="register">
|
| 103 |
お客様情報の入力を省略する
|
| 104 |
<span class="annotation"> (当サイトで購入したことがある方のみ)</span>
|
| 105 |
</label>
|
| 106 |
</div>
|
| 107 |
</div>
|
| 108 |
|
| 109 |
<div summary="既存会員" id="lp-login" <!--{if $register != 1}--> style="display:none;"<!--{/if}--> class="p-lp__already">
|
| 110 |
<div class="login-section">
|
| 111 |
<p class="c-lp-section__paragraph">
|
| 112 |
前回の購入時または会員登録時に入力したメールアドレスとパスワードを入力し、 ログインボタンをクリックしてください。
|
| 113 |
</p>
|
| 114 |
<div class="login-section__contents">
|
| 115 |
<div class="login-form">
|
| 116 |
<div class="login-form__input">
|
| 117 |
<table>
|
| 118 |
<tr>
|
| 119 |
<!--{assign var=key1 value="login_email"}-->
|
| 120 |
<th><label for="<!--{$key1}-->" class="c-form-label">メールアドレス</label></th>
|
| 121 |
<td>
|
| 122 |
<input type="email" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" class="c-textbox c-textbox--white c-width-300"/>
|
| 123 |
<p class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></p>
|
| 124 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 125 |
</td>
|
| 126 |
</tr>
|
| 127 |
<tr>
|
| 128 |
<!--{assign var=key1 value="login_pass"}-->
|
| 129 |
<th><label for="<!--{$key1}-->" class="c-form-label">パスワード</label></th>
|
| 130 |
<td>
|
| 131 |
<div class="c-password-textbox js-toggle-password">
|
| 132 |
<input type="password" id="<!--{$key1}-->" name="<!--{$key1}-->" value="" class="c-textbox c-textbox--white"/>
|
| 133 |
<i class="c-password-textbox__icon"></i>
|
| 134 |
</div>
|
| 135 |
<p class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></p>
|
| 136 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 137 |
</td>
|
| 138 |
</tr>
|
| 139 |
</table>
|
| 140 |
</div>
|
| 141 |
<div class="login-form__submit">
|
| 142 |
<button
|
| 143 |
type="button"
|
| 144 |
class="c-button c-button--md c-button--default c-width-200 js-lp-login"
|
| 145 |
>
|
| 146 |
ログイン
|
| 147 |
</button>
|
| 148 |
</div>
|
| 149 |
<!--{captcha_form_login}-->
|
| 150 |
</div>
|
| 151 |
<p>パスワードを忘れた方は<a class="c-link" href="/forgot/index.php">こちら</a>からパスワードの再発行を行ってください。 </p>
|
| 152 |
</div>
|
| 153 |
<!--{* LINEログインを使用する場合、コメントアウトを外してください *}-->
|
| 154 |
<!--
|
| 155 |
<!--{if 'basis-line_app'|get_option_use_flg}-->
|
| 156 |
<div class="line-connect">
|
| 157 |
<!--{include file=$tpl_line_connect label='LINEでログイン'}-->
|
| 158 |
</div>
|
| 159 |
<!--{/if}-->
|
| 160 |
-->
|
| 161 |
</div>
|
| 162 |
<!--{if $loginerror}--><p class="c-form-error-message"><!--{$loginerror nofilter}--></p><!--{/if}-->
|
| 163 |
</div>
|
| 164 |
</div>
|
| 165 |
</div>
|
| 166 |
<!--{* こちらはAmazonPayV2用です *}-->
|
| 167 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 168 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 169 |
<div class="c-lp-section">
|
| 170 |
<div class="c-amazon-pay">
|
| 171 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 172 |
Amazonアカウントで決済できます
|
| 173 |
</div>
|
| 174 |
<div class="c-amazon-pay__body">
|
| 175 |
<div id="amazon_pay_v2_area">
|
| 176 |
<p class="c-amazon-pay__paragraph">
|
| 177 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 178 |
</p>
|
| 179 |
<!--{if $return_back_from_amazon_pay_v2 === true}-->
|
| 180 |
<p class="c-amazon-pay__paragraph">現在アマゾンログイン中です。カードを変更し直す場合は再度ボタンのクリックをお願いします。</p>
|
| 181 |
<!--{/if}-->
|
| 182 |
<div class="c-amazon-pay__consent">
|
| 183 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 184 |
<div class="c-checkbox">
|
| 185 |
<input type="checkbox" id="amazon_v2_agree">
|
| 186 |
<label for="amazon_v2_agree">
|
| 187 |
利用する場合は、
|
| 188 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 189 |
に同意して会員登録する(必須)
|
| 190 |
</label>
|
| 191 |
</div>
|
| 192 |
<!--{/if}-->
|
| 193 |
<!--{if $register != 2}-->
|
| 194 |
<div class="c-checkbox">
|
| 195 |
<input type="checkbox" name="amazon_v2_mailmaga_flg" id="amazon_v2_mailmaga_flg" value="1">
|
| 196 |
<label for="amazon_v2_mailmaga_flg">お得な情報を受け取る</label>
|
| 197 |
</div>
|
| 198 |
<!--{/if}-->
|
| 199 |
</div>
|
| 200 |
<!--{if $precs_login_required_flg}-->
|
| 201 |
<p class="c-amazon-pay__paragraph">
|
| 202 |
<div class="c-form-error-message">
|
| 203 |
※ 既に当サイトにて会員登録されております。<br>
|
| 204 |
AmazonPay決済をご利用いただく場合は、ログインを行なった後、お手続きにお進みください。
|
| 205 |
</div>
|
| 206 |
</p>
|
| 207 |
<!--{/if}-->
|
| 208 |
</div>
|
| 209 |
<div id="amazon_pay_button_v2">
|
| 210 |
<div id="amazon_pay_button_v2_click_area">
|
| 211 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 212 |
<span id="amazon_dummy_btn">
|
| 213 |
<img src="/img/icons/amazon_v2.png">
|
| 214 |
</span>
|
| 215 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 216 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 217 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 218 |
</div>
|
| 219 |
</div>
|
| 220 |
</div>
|
| 221 |
</div>
|
| 222 |
</div>
|
| 223 |
</div>
|
| 224 |
<!--{/if}-->
|
| 225 |
</div>
|
| 226 |
|
| 227 |
<!--{if $register != 2}-->
|
| 228 |
<!--{* お客様情報（ログインしていない場合） *}-->
|
| 229 |
<div id="lp-not-login" class="p-lp__register">
|
| 230 |
<div class="c-lp-section">
|
| 231 |
<div class="c-lp-section__title">お客様情報</div>
|
| 232 |
<div class="c-table">
|
| 233 |
<table summary="会員登録" class="c-table__align-left">
|
| 234 |
<tr>
|
| 235 |
<th class="c-width-300">お名前<span class="c-form-label-required">必須</span></th>
|
| 236 |
<td>
|
| 237 |
<!--{assign var=key1 value="order_name01"}-->
|
| 238 |
<!--{assign var=key2 value="order_name02"}-->
|
| 239 |
<div class="c-form-groups c-form-groups--row">
|
| 240 |
<div class="c-form-group c-form-group--row">
|
| 241 |
<label for="<!--{$key1}-->" class="c-form-label">姓</label>
|
| 242 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->"/>
|
| 243 |
</div>
|
| 244 |
<div class="c-form-group c-form-group--row">
|
| 245 |
<label for="<!--{$key2}-->" class="c-form-label">名</label>
|
| 246 |
<input type="text" class="c-textbox" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->"/>
|
| 247 |
</div>
|
| 248 |
</div>
|
| 249 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 250 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 251 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 252 |
</td>
|
| 253 |
</tr>
|
| 254 |
<tr>
|
| 255 |
<th>フリガナ<span class="c-form-label-required">必須</span></th>
|
| 256 |
<td>
|
| 257 |
<!--{assign var=key1 value="order_kana01"}-->
|
| 258 |
<!--{assign var=key2 value="order_kana02"}-->
|
| 259 |
<div class="c-form-groups c-form-groups--row">
|
| 260 |
<div class="c-form-group c-form-group--row">
|
| 261 |
<label for="<!--{$key1}-->" class="c-form-label">セイ</label>
|
| 262 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->"/>
|
| 263 |
</div>
|
| 264 |
<div class="c-form-group c-form-group--row">
|
| 265 |
<label for="<!--{$key2}-->" class="c-form-label">メイ</label>
|
| 266 |
<input type="text" class="c-textbox" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->"/>
|
| 267 |
</div>
|
| 268 |
</div>
|
| 269 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 270 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 271 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 272 |
</td>
|
| 273 |
</tr>
|
| 274 |
<tr>
|
| 275 |
<!--{assign var=key1 value="order_zip"}-->
|
| 276 |
<th>郵便番号<span class="c-form-label-required">必須</span></th>
|
| 277 |
<td>
|
| 278 |
<div class="c-form-group c-form-group--row">
|
| 279 |
<label for="<!--{$key1}-->" class="c-form-label">〒</label>
|
| 280 |
<div>
|
| 281 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key1}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->"/>
|
| 282 |
</div>
|
| 283 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 284 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="order_zip" data-fill-address-pref="order_pref" data-fill-address-address1="order_addr01" data-fill-address-address2="order_addr02">〒検索はこちら</button>
|
| 285 |
</div>
|
| 286 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></span>
|
| 287 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 288 |
</td>
|
| 289 |
</tr>
|
| 290 |
<tr>
|
| 291 |
<th>ご住所<span class="c-form-label-required">必須</span></th>
|
| 292 |
<td>
|
| 293 |
<div class="c-form-groups c-form-groups--column">
|
| 294 |
<!--{assign var=key value="order_pref"}-->
|
| 295 |
<div class="c-form-group c-form-group--column">
|
| 296 |
<label for="<!--{$key}-->">都道府県</label>
|
| 297 |
<div class="c-select c-select--sm">
|
| 298 |
<select name="<!--{$key}-->" id="<!--{$key}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->">
|
| 299 |
<option value="">都道府県を選択</option>
|
| 300 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 301 |
</select>
|
| 302 |
<i></i>
|
| 303 |
</div>
|
| 304 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 305 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 306 |
</div>
|
| 307 |
<div class="c-form-group c-form-group--column">
|
| 308 |
<!--{assign var=key value="order_addr01"}-->
|
| 309 |
<label for="<!--{$key}-->">市区町村・町名</label>
|
| 310 |
<span class="c-width-80-percent">
|
| 311 |
<input type="text" class="c-textbox c-width-100-percent" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" />
|
| 312 |
</span>
|
| 313 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 314 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 315 |
</div>
|
| 316 |
<div class="c-form-group c-form-group--column">
|
| 317 |
<!--{assign var=key value="order_addr02"}-->
|
| 318 |
<label for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 319 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" />
|
| 320 |
<div class="c-form-attention c-form-attention--highlight">
|
| 321 |
部屋番号が記入されているかをご確認ください。<br>
|
| 322 |
記入がないとお届けできないことがあります。
|
| 323 |
</div>
|
| 324 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 325 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 326 |
</div>
|
| 327 |
</div>
|
| 328 |
</td>
|
| 329 |
</tr>
|
| 330 |
<tr>
|
| 331 |
<!--{assign var=key value="order_tel"}-->
|
| 332 |
<th>電話番号<span class="c-form-label-required">必須</span></th>
|
| 333 |
<td>
|
| 334 |
<div class="c-form-group c-form-group--row">
|
| 335 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" />
|
| 336 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 337 |
</div>
|
| 338 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 339 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 340 |
</td>
|
| 341 |
</tr>
|
| 342 |
<tr>
|
| 343 |
<!--{assign var=key value="order_email"}-->
|
| 344 |
<th>メールアドレス<span class="c-form-label-required">必須</span></th>
|
| 345 |
<td class="js-synchronize-multiple-fields">
|
| 346 |
<div class="c-form-groups c-form-groups--column">
|
| 347 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 348 |
<span class="c-width-90-percent">
|
| 349 |
<input type="email" class="c-textbox c-width-100-percent js-synchronize-multiple-fields__from js-efo-autocomplete-email-address__input" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />
|
| 350 |
</span>
|
| 351 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 352 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 353 |
</div>
|
| 354 |
<!--{assign var=key value="order_email_check"}-->
|
| 355 |
<!--{if $arrPageLayout.confirm_email != 1}-->
|
| 356 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 357 |
<span class="c-width-90-percent">
|
| 358 |
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
|
| 359 |
<input type="email" class="c-textbox c-width-100-percent js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />
|
| 360 |
</span>
|
| 361 |
<div class="c-form-attention c-form-attention--highlight">確認のため2度入力してください。</div>
|
| 362 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 363 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 364 |
</div>
|
| 365 |
<!--{/if}-->
|
| 366 |
</div>
|
| 367 |
<!--{if $arrPageLayout.confirm_email === 1}-->
|
| 368 |
<div
|
| 369 |
class="js-toggle-confirm-email c-form-group c-form-group--column c-confirm-email c-width-300"
|
| 370 |
data-first-input-name="order_email"
|
| 371 |
data-second-input-name="order_email_check">
|
| 372 |
<div class="c-confirm-email__display js-synchronize-multiple-fields__to"></div>
|
| 373 |
</div>
|
| 374 |
<!--{/if}-->
|
| 375 |
</td>
|
| 376 |
</tr>
|
| 377 |
<tr class="password-input-area" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 378 |
<!--{assign var=key value="password"}-->
|
| 379 |
<th>パスワード<span class="c-form-label-required">必須</span></th>
|
| 380 |
<td>
|
| 381 |
<div class="c-form-groups c-form-groups--column js-synchronize-multiple-fields">
|
| 382 |
<div class="c-form-group c-form-group--column">
|
| 383 |
<div class="c-form-group c-form-group--row">
|
| 384 |
<div class="c-password-textbox js-toggle-password">
|
| 385 |
<input type="password" class="c-textbox js-synchronize-multiple-fields__from" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="new-password" id="<!--{$key}-->"/>
|
| 386 |
<i class="c-password-textbox__icon"></i>
|
| 387 |
</div>
|
| 388 |
<span class="c-form-attention c-form-attention--inline"><b><!--{$password_rule.min_length}--></b>～<b><!--{$password_rule.max_length}--></b>文字の<!--{$password_format_list[$password_rule.rules]}--></span>
|
| 389 |
</div>
|
| 390 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 391 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 392 |
</div>
|
| 393 |
<!--{if $arrPageLayout.confirm_password != 1}-->
|
| 394 |
<!--{assign var=key value="password02"}-->
|
| 395 |
<div class="c-form-group c-form-group--column">
|
| 396 |
<div class="c-password-textbox js-toggle-password">
|
| 397 |
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
|
| 398 |
<input type="password" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" />
|
| 399 |
<i class="c-password-textbox__icon"></i>
|
| 400 |
</div>
|
| 401 |
<div class="c-form-attention c-form-attention--highlight">確認のため2度入力してください。</div>
|
| 402 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 403 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 404 |
</div>
|
| 405 |
<!--{/if}-->
|
| 406 |
</div>
|
| 407 |
<div class="c-form-attention"><span class="c-highlight">※購入履歴の確認などに使用します。</span></div>
|
| 408 |
</td>
|
| 409 |
</tr>
|
| 410 |
|
| 411 |
<tr>
|
| 412 |
<!--{assign var=key value="order_sex"}-->
|
| 413 |
<th>性別<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 414 |
<td>
|
| 415 |
<div id="order_sex_group" class="c-form-group c-form-group--row">
|
| 416 |
<div class="c-radio">
|
| 417 |
<input type="radio" name="<!--{$key}-->" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm[$key] == 1}--> checked="checked"<!--{/if}--> />
|
| 418 |
<label for="order_sex_male">男性</label>
|
| 419 |
</div>
|
| 420 |
<div class="c-radio">
|
| 421 |
<input type="radio" name="<!--{$key}-->" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm[$key] == 2}--> checked="checked"<!--{/if}--> />
|
| 422 |
<label for="order_sex_female">女性</label>
|
| 423 |
</div>
|
| 424 |
<div class="c-radio">
|
| 425 |
<input type="radio" name="<!--{$key}-->" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm[$key] == 0}--> checked="checked"<!--{/if}--> />
|
| 426 |
<label for="order_no_sex">未回答</label>
|
| 427 |
</div>
|
| 428 |
</div>
|
| 429 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 430 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 431 |
</td>
|
| 432 |
</tr>
|
| 433 |
|
| 434 |
<tr>
|
| 435 |
<th>生年月日<!--{if $req_setting.pc_birth == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 436 |
<td>
|
| 437 |
<div class="c-form-group c-form-group--row">
|
| 438 |
<div>
|
| 439 |
<input
|
| 440 |
class="c-textbox js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 441 |
name="birthday"
|
| 442 |
type="tel"
|
| 443 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 444 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 445 |
placeholder="19850525"
|
| 446 |
/>
|
| 447 |
</div>
|
| 448 |
<p class="c-form-attention c-form-attention--inline">1985年5月25日の場合、「19850525」を入力</p>
|
| 449 |
</div>
|
| 450 |
<span class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></span>
|
| 451 |
</td>
|
| 452 |
</tr>
|
| 453 |
</table>
|
| 454 |
</div>
|
| 455 |
</div>
|
| 456 |
<div class="c-lp-section">
|
| 457 |
<div class="delivery-check">
|
| 458 |
<div class="c-lp-section__title">
|
| 459 |
お届け先
|
| 460 |
<span class="c-form-label-required">必須</span>
|
| 461 |
</div>
|
| 462 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" <!--{if $deliv_check == 1}--> checked="checked"<!--{/if}--> style="display:none;"/>
|
| 463 |
<div class="c-form-group c-form-group--row">
|
| 464 |
<div class="c-select c-select--lg c-select--white">
|
| 465 |
<select id="deliv_check_select">
|
| 466 |
<option value="0" <!--{if $deliv_check != 1}--> selected<!--{/if}-->>お客様情報と同じ</option>
|
| 467 |
<option value="1" <!--{if $deliv_check == 1}--> selected<!--{/if}-->>別のお届け先を入力する</option>
|
| 468 |
</select>
|
| 469 |
<i></i>
|
| 470 |
</div>
|
| 471 |
</div>
|
| 472 |
</div>
|
| 473 |
</div>
|
| 474 |
</div>
|
| 475 |
<!--{/if}-->
|
| 476 |
|
| 477 |
<!--{* お客様情報 *}-->
|
| 478 |
<!--{if $register == 2}-->
|
| 479 |
<div class="p-lp__address">
|
| 480 |
<div class="c-lp-section">
|
| 481 |
<div class="c-lp-section__title">お客様情報</div>
|
| 482 |
<div class="c-table">
|
| 483 |
<table summary="ログイン済みユーザー" class="c-table__align-left">
|
| 484 |
<tr>
|
| 485 |
<th class="c-width-300">お名前</th>
|
| 486 |
<td colspan="2"><!--{$arrCustomer.order_name01}--> <!--{$arrCustomer.order_name02}--> (<!--{$arrCustomer.order_kana01}--> <!--{$arrCustomer.order_kana02}-->)</td>
|
| 487 |
</tr>
|
| 488 |
<tr>
|
| 489 |
<th>郵便番号</th>
|
| 490 |
<td colspan="2">〒<!--{$arrCustomer.order_zip01}-->-<!--{$arrCustomer.order_zip02}--></td>
|
| 491 |
</tr>
|
| 492 |
<tr>
|
| 493 |
<th>ご住所</th>
|
| 494 |
<td colspan="2"><!--{$arrPref[$arrCustomer.order_pref]}--><!--{$arrCustomer.order_addr01}--><!--{$arrCustomer.order_addr02}--></td>
|
| 495 |
</tr>
|
| 496 |
<tr>
|
| 497 |
<th>電話番号</th>
|
| 498 |
<td colspan="2"><!--{$arrCustomer.order_tel01}-->-<!--{$arrCustomer.order_tel02}-->-<!--{$arrCustomer.order_tel03}--></td>
|
| 499 |
</tr>
|
| 500 |
<!--{if $arrPageLayout.needs_completion == 1}-->
|
| 501 |
<tr>
|
| 502 |
<!--{if !$arrCustomer.order_sex}-->
|
| 503 |
<th>性別<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 504 |
<td colspan="2">
|
| 505 |
<span class="c-form-error-message"><!--{$arrErr.order_sex nofilter}--></span>
|
| 506 |
<!--{assign var=key value="order_sex"}-->
|
| 507 |
<div id="order_sex_group">
|
| 508 |
<div class="c-form-group c-form-group--row">
|
| 509 |
<div class="c-radio">
|
| 510 |
<input type="radio" name="order_sex" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm.order_sex == 1}--> checked="checked"<!--{/if}--> />
|
| 511 |
<label for="order_sex_male">男性</label>
|
| 512 |
</div>
|
| 513 |
<div class="c-radio">
|
| 514 |
<input type="radio" name="order_sex" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm.order_sex == 2}--> checked="checked"<!--{/if}--> />
|
| 515 |
<label for="order_sex_female">女性</label>
|
| 516 |
</div>
|
| 517 |
<div class="c-radio">
|
| 518 |
<input type="radio" name="order_sex" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm.order_sex == 0}--> checked="checked"<!--{/if}--> />
|
| 519 |
<label for="order_no_sex">未回答</label>
|
| 520 |
</div>
|
| 521 |
</div>
|
| 522 |
</div>
|
| 523 |
</td>
|
| 524 |
<!--{/if}-->
|
| 525 |
</tr>
|
| 526 |
<tr>
|
| 527 |
<!--{if !$arrCustomer.order_birth}-->
|
| 528 |
<th>生年月日<!--{if $req_setting.pc_birth == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 529 |
<td colspan="2">
|
| 530 |
<div class="c-form-group c-form-group--row">
|
| 531 |
<div>
|
| 532 |
<input
|
| 533 |
class="c-textbox js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 534 |
name="birthday"
|
| 535 |
type="tel"
|
| 536 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 537 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 538 |
placeholder="19850525"
|
| 539 |
/>
|
| 540 |
</div>
|
| 541 |
<p class="c-form-attention c-form-attention--inline">1985年5月25日の場合、「19850525」を入力</p>
|
| 542 |
</div>
|
| 543 |
<span class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></span>
|
| 544 |
</td>
|
| 545 |
<!--{/if}-->
|
| 546 |
</tr>
|
| 547 |
<!--{/if}-->
|
| 548 |
</table>
|
| 549 |
</div>
|
| 550 |
</div>
|
| 551 |
<div class="c-lp-section">
|
| 552 |
<div class="change-address">
|
| 553 |
<div class="c-lp-section__title">
|
| 554 |
お届け先<span class="c-form-label-required">必須</span>
|
| 555 |
</div>
|
| 556 |
<div class="c-form-group c-form-group--row">
|
| 557 |
<div class="c-select c-select--lg c-select--white">
|
| 558 |
<select id="address-select">
|
| 559 |
<option value="no_change">お客様情報と同じ</option>
|
| 560 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 561 |
<option value="other_address">別のお届け先を入力する</option>
|
| 562 |
</select>
|
| 563 |
<i></i>
|
| 564 |
</div>
|
| 565 |
</div>
|
| 566 |
<div class="address-data-area">
|
| 567 |
<!-- {* 配送先 *} -->
|
| 568 |
<select name="other_deliv_id" id="other_deliv_id">
|
| 569 |
<option value="">配送先を選択して下さい</option>
|
| 570 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 571 |
</select>
|
| 572 |
<!-- {* 上記と別のご住所へお届けする *} -->
|
| 573 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check"<!--{if $deliv_check == 1}--> checked="checked"<!--{/if}--> />
|
| 574 |
</div>
|
| 575 |
</div>
|
| 576 |
</div>
|
| 577 |
</div>
|
| 578 |
<!--{/if}-->
|
| 579 |
<div class="p-lp__other-address">
|
| 580 |
<div class="c-lp-section c-lp-section--blue deliv_other" <!--{if $deliv_check != 1}--> style="display:none;"<!--{/if}-->>
|
| 581 |
<div class="c-table">
|
| 582 |
<table summary="別のお届け先" class="c-table__align-left" id="deliv_check_area">
|
| 583 |
<tr>
|
| 584 |
<th class="c-width-300">お名前<span class="c-form-label-required">必須</span></th>
|
| 585 |
<td>
|
| 586 |
<!--{assign var=key1 value="deliv_name01"}-->
|
| 587 |
<!--{assign var=key2 value="deliv_name02"}-->
|
| 588 |
<div class="c-form-groups c-form-groups--row">
|
| 589 |
<div class="c-form-group c-form-group--row">
|
| 590 |
<label class="c-form-label" for="<!--{$key1}-->">姓</label>
|
| 591 |
<input type="text" class="c-textbox" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" />
|
| 592 |
</div>
|
| 593 |
<div class="c-form-group c-form-group--row">
|
| 594 |
<label class="c-form-label" for="<!--{$key2}-->">名</label>
|
| 595 |
<input type="text" class="c-textbox" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" />
|
| 596 |
</div>
|
| 597 |
</div>
|
| 598 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 599 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 600 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 601 |
</td>
|
| 602 |
</tr>
|
| 603 |
<tr>
|
| 604 |
<th>お名前（フリガナ）<span class="c-form-label-required">必須</span></th>
|
| 605 |
<td>
|
| 606 |
<!--{assign var=key1 value="deliv_kana01"}-->
|
| 607 |
<!--{assign var=key2 value="deliv_kana02"}-->
|
| 608 |
<div class="c-form-groups c-form-groups--row">
|
| 609 |
<div class="c-form-group c-form-group--row">
|
| 610 |
<label class="c-form-label" for="<!--{$key1}-->">セイ</label>
|
| 611 |
<input type="text" class="c-textbox" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->"/>
|
| 612 |
</div>
|
| 613 |
<div class="c-form-group c-form-group--row">
|
| 614 |
<label class="c-form-label" for="<!--{$key2}-->">メイ</label>
|
| 615 |
<input type="text" class="c-textbox" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->"/>
|
| 616 |
</div>
|
| 617 |
</div>
|
| 618 |
</div>
|
| 619 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 620 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 621 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 622 |
</td>
|
| 623 |
</tr>
|
| 624 |
<tr>
|
| 625 |
<!--{assign var=key value="deliv_zip"}-->
|
| 626 |
<th>郵便番号<span class="c-form-label-required">必須</span></th>
|
| 627 |
<td>
|
| 628 |
<div class="c-form-group c-form-group--row">
|
| 629 |
<label class="c-form-label" for="<!--{$key}-->">〒</label>
|
| 630 |
<div>
|
| 631 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->"/>
|
| 632 |
</div>
|
| 633 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 634 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="deliv_zip" data-fill-address-pref="deliv_pref" data-fill-address-address1="deliv_addr01" data-fill-address-address2="deliv_addr02">〒検索はこちら</button>
|
| 635 |
</div>
|
| 636 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 637 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 638 |
</td>
|
| 639 |
</tr>
|
| 640 |
<tr>
|
| 641 |
<!--{assign var=key value="deliv_pref"}-->
|
| 642 |
<th>ご住所<span class="c-form-label-required">必須</span></th>
|
| 643 |
<td>
|
| 644 |
<div class="c-form-groups c-form-groups--column">
|
| 645 |
<div class="c-form-group c-form-group--column">
|
| 646 |
<label for="<!--{$key}-->">都道府県</label>
|
| 647 |
<div class="c-select c-select--sm">
|
| 648 |
<select name="<!--{$key}-->" id="<!--{$key}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->">
|
| 649 |
<option value="">都道府県を選択</option>
|
| 650 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 651 |
</select>
|
| 652 |
<i></i>
|
| 653 |
</div>
|
| 654 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 655 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 656 |
</div>
|
| 657 |
<div class="c-form-group c-form-group--column">
|
| 658 |
<!--{assign var=key value="deliv_addr01"}-->
|
| 659 |
<label for="<!--{$key}-->">市区町村・町名</label>
|
| 660 |
<span class="c-width-80-percent">
|
| 661 |
<input type="text" class="c-textbox c-width-100-percent" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" />
|
| 662 |
</span>
|
| 663 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 664 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 665 |
</div>
|
| 666 |
<div class="c-form-group c-form-group--column">
|
| 667 |
<!--{assign var=key value="deliv_addr02"}-->
|
| 668 |
<label for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 669 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" />
|
| 670 |
<p class="c-form-attention c-form-attention--highlight">部屋番号まで記入されているかをご確認ください。記入がないと配達できないことがあります。</p>
|
| 671 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 672 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 673 |
</div>
|
| 674 |
</div>
|
| 675 |
</td>
|
| 676 |
</tr>
|
| 677 |
<tr>
|
| 678 |
<!--{assign var=key value="deliv_tel"}-->
|
| 679 |
<th>電話番号<span class="c-form-label-required">必須</span></th>
|
| 680 |
<td>
|
| 681 |
<div class="c-form-group c-form-group--row">
|
| 682 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->"/>
|
| 683 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 684 |
</div>
|
| 685 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 686 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 687 |
</td>
|
| 688 |
</tr>
|
| 689 |
</table>
|
| 690 |
</div>
|
| 691 |
</div>
|
| 692 |
</div>
|
| 693 |
|
| 694 |
<div class="js-c-bundle-combination__hidden_until_all_requirements_are_fulfilled">
|
| 695 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 696 |
<!--{if $view_coupon_form}-->
|
| 697 |
<!--{* クーポン *}-->
|
| 698 |
<div class="p-lp__coupon" id="coupon_area" style="display:none;">
|
| 699 |
<div class="c-lp-section">
|
| 700 |
<div class="c-lp-section__title">
|
| 701 |
クーポン
|
| 702 |
<span class="c-form-label-optional">任意</span>
|
| 703 |
</div>
|
| 704 |
<table class="c-width-40-percent">
|
| 705 |
<tr>
|
| 706 |
<td id="entry_coupon_td">
|
| 707 |
<div class="c-input-form c-input-form--lg">
|
| 708 |
<input type="text" name="coupon_code" value="" id="coupon_code" placeholder="クーポンコードを入力"/>
|
| 709 |
<button type="button" id="check_coupon_code" class="c-button c-button--s c-button--default">
|
| 710 |
<span class="c-button__text">適用</span>
|
| 711 |
<div class="c-button__loader"></div>
|
| 712 |
</button>
|
| 713 |
</div>
|
| 714 |
</td>
|
| 715 |
<td id="view_coupon_td" style="display:none;">
|
| 716 |
<div class="c-input-form c-input-form--lg">
|
| 717 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 718 |
<button type="button" id="remove_coupon_code" class="c-button c-button--s c-button--secondary">
|
| 719 |
<span class="c-button__text">解除</span>
|
| 720 |
<div class="c-button__loader"></div>
|
| 721 |
</button>
|
| 722 |
</div>
|
| 723 |
</td>
|
| 724 |
</tr>
|
| 725 |
<tr id="coupon_discount_tr" style="display:none;">
|
| 726 |
<th>値引き金額</th>
|
| 727 |
<td colspan="2"><span id="discount"></span>円値引き</td>
|
| 728 |
</tr>
|
| 729 |
</table>
|
| 730 |
<div id="coupon_code_error" class="c-form-error-message"></div>
|
| 731 |
</div>
|
| 732 |
</div>
|
| 733 |
<!--{/if}-->
|
| 734 |
|
| 735 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 736 |
<!--{if $register == 2 && $point_flg != 2}-->
|
| 737 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 738 |
<div class="c-lp-section">
|
| 739 |
<div class="c-lp-section__title">
|
| 740 |
ポイント使用
|
| 741 |
<span class="c-form-label-optional">任意</span>
|
| 742 |
</div>
|
| 743 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 744 |
<div class="point-info">
|
| 745 |
<div class="point-info__row">
|
| 746 |
<div class="point-info__header">
|
| 747 |
今回ご購入合計金額：<br>
|
| 748 |
<small>（送料、手数料を含みません）</small>
|
| 749 |
</div>
|
| 750 |
<div class="point-info__data">
|
| 751 |
<span id="price"></span>
|
| 752 |
</div>
|
| 753 |
</div>
|
| 754 |
<div class="point-info__row">
|
| 755 |
<div class="point-info__header">所持ポイント:</div>
|
| 756 |
<div class="point-info__data">
|
| 757 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 758 |
</div>
|
| 759 |
</div>
|
| 760 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 761 |
<div class="point-info__row">
|
| 762 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 763 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 764 |
</div>
|
| 765 |
<!--{/if}-->
|
| 766 |
<div class="point-info__row point-input-row">
|
| 767 |
<div class="point-info__header">利用ポイント:</div>
|
| 768 |
<div class="point-info__data">
|
| 769 |
<!--{assign var=key value="use_point"}-->
|
| 770 |
<input
|
| 771 |
type="number"
|
| 772 |
name="<!--{$key}-->"
|
| 773 |
value="0"
|
| 774 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-select-at-focus"
|
| 775 |
size="6"
|
| 776 |
min="0"
|
| 777 |
/> pt
|
| 778 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 779 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 780 |
</div>
|
| 781 |
</div>
|
| 782 |
</div>
|
| 783 |
<input type="radio" id="point_on" name="point_check" value="1" style="display: none;" checked/>
|
| 784 |
<input type="radio" id="point_off" name="point_check" value="2" style="display: none;"/>
|
| 785 |
</div>
|
| 786 |
</div>
|
| 787 |
<!--{/if}-->
|
| 788 |
|
| 789 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 790 |
<div class="p-lp__payment" id="payment_area" style="display:none;" data-qa="container-payment">
|
| 791 |
<div class="c-lp-section">
|
| 792 |
<div class="c-lp-section__title">
|
| 793 |
お支払い方法
|
| 794 |
<span class="c-form-label-required">必須</span>
|
| 795 |
</div>
|
| 796 |
<!--{* ↓このspan内にお支払い方法のラジオボタン群が表示されます↓ *}-->
|
| 797 |
<span id="payment_methods"></span>
|
| 798 |
<!--{* ↑このspan内にお支払い方法のラジオボタン群が表示されます↑ *}-->
|
| 799 |
|
| 800 |
<!--{* カード登録について
|
| 801 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 802 |
*}-->
|
| 803 |
<!--{assign var=registered_change value=false}-->
|
| 804 |
|
| 805 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 806 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 807 |
</div>
|
| 808 |
</div>
|
| 809 |
|
| 810 |
<div class="p-lp__regular">
|
| 811 |
<!--{* 商品が選択された状態で、それが定期商品であれば、以下が自動的に表示されます。未選択や非定期商品選択時は消えます *}-->
|
| 812 |
<div id="regular_product_area" style="<!--{if !$regular_product }--> display: none;<!--{/if}-->">
|
| 813 |
<input type="checkbox" name="regular" value="1" id="regular"<!--{if ($regular_product && $reg_flg == 1) || ($regular_product && $no_regular == 0)}--> checked="checked" <!--{/if}-->/>
|
| 814 |
</div>
|
| 815 |
|
| 816 |
<!--{* 上記の「定期購入を希望する」をチェックしてる場合のみ表示されます。それ以外は消えます *}-->
|
| 817 |
<div id="regular-deliv_area" style="display:none;">
|
| 818 |
<div class="c-lp-section">
|
| 819 |
<div class="c-lp-section__title">
|
| 820 |
お届け間隔の指定
|
| 821 |
<span class="c-form-label-required">必須</span>
|
| 822 |
</div>
|
| 823 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 824 |
<span id="regular_cycle_area"></span>
|
| 825 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 826 |
</div>
|
| 827 |
</div>
|
| 828 |
</div>
|
| 829 |
|
| 830 |
<div class="p-lp__delivery">
|
| 831 |
<div id="deliv_datetime_area" style="display:none;">
|
| 832 |
<div class="c-lp-section">
|
| 833 |
<div class="c-lp-section__title">お届け希望日時</div>
|
| 834 |
<!--{* ↓このdiv内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↓ *}-->
|
| 835 |
<div id="deliv_time_area"></div>
|
| 836 |
<!--{* ↑このdiv内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↑ *}-->
|
| 837 |
</div>
|
| 838 |
</div>
|
| 839 |
</div>
|
| 840 |
|
| 841 |
<!--{* お問い合わせ欄を設置したい場合はコメントアウトを外してください *}-->
|
| 842 |
<!--
|
| 843 |
<div class="p-lp__other">
|
| 844 |
<div class="c-lp-section">
|
| 845 |
<div class="c-lp-section__title">
|
| 846 |
その他お問い合わせ
|
| 847 |
<span class="c-form-label-optional">任意</span>
|
| 848 |
</div>
|
| 849 |
<!--{assign var=key value="message"}-->
|
| 850 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 851 |
<textarea name="<!--{$key}-->" class="c-textarea" cols="80" rows="8" placeholder="ご質問、ご要望などございましたらご自由にご入力ください。"><!--{$arrForm[$key]}--></textarea>
|
| 852 |
<p class="c-form-attention">(<!--{$smarty.const.LTEXT_LEN}-->文字まで)</p>
|
| 853 |
</div>
|
| 854 |
</div>
|
| 855 |
-->
|
| 856 |
|
| 857 |
<!-- /.js-c-bundle-product__hidden_until_all_requirements_are_fulfilled -->
|
| 858 |
</div>
|
| 859 |
|
| 860 |
<!--{* 顧客アンケート *}-->
|
| 861 |
<!--{if 'v3_survey'|get_option_use_flg}-->
|
| 862 |
<div class="p-lp__survey js-survey-section" style="display: none;">
|
| 863 |
<div class="c-lp-section">
|
| 864 |
<div class="c-lp-section__title">アンケート</div>
|
| 865 |
<div class="js-survey c-survey"></div>
|
| 866 |
</div>
|
| 867 |
</div>
|
| 868 |
|
| 869 |
<!--{assign var=survey value=$arrForm['survey']|@to_json}-->
|
| 870 |
<!--{if $survey && $survey !== 'null'}-->
|
| 871 |
<script type="application/json" id="js-survey-json">
|
| 872 |
<!--{$survey nofilter}-->
|
| 873 |
</script>
|
| 874 |
<!--{/if}-->
|
| 875 |
<!--{/if}-->
|
| 876 |
|
| 877 |
<!--{* 個人情報のお取り扱いについて *}-->
|
| 878 |
<div class="p-lp__consent">
|
| 879 |
<div class="c-lp-section">
|
| 880 |
<div class="c-lp-section__title c-lp-section__title--center">
|
| 881 |
個人情報のお取り扱いについて
|
| 882 |
<span class="c-form-label-required">必須</span>
|
| 883 |
</div>
|
| 884 |
<ul class="privacy-check-list">
|
| 885 |
<!--{if $register != 2}--><!--{* 非ログイン時のみ表示されます *}-->
|
| 886 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 887 |
<input type="hidden" name="mailmaga_flg" value="1">
|
| 888 |
<!--{else}-->
|
| 889 |
<li>
|
| 890 |
<div class="c-checkbox">
|
| 891 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1" <!--{if $arrForm.mailmaga_flg == 1}-->checked="checked"<!--{/if}--> />
|
| 892 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 893 |
</div>
|
| 894 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 895 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 896 |
</li>
|
| 897 |
<!--{/if}-->
|
| 898 |
<!--{/if}-->
|
| 899 |
<li>
|
| 900 |
<!--{assign var=key value="agree"}-->
|
| 901 |
<div class="privacy-check-list__group">
|
| 902 |
<div style="display:none;" id="rule_text_area">
|
| 903 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 904 |
</div>
|
| 905 |
<p>ご購入前に<button type="button" class="c-link" id="rule_text_link">利用規約</button>を必ずお読み下さい。</p>
|
| 906 |
<div class="c-checkbox agree-check">
|
| 907 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" />
|
| 908 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 909 |
</div>
|
| 910 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 911 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 912 |
</div>
|
| 913 |
</li>
|
| 914 |
</ul>
|
| 915 |
</div>
|
| 916 |
</div>
|
| 917 |
|
| 918 |
<!--{*確認ページスキップがオンの場合、簡易確認フォームを表示 lp.tsに依存 *}-->
|
| 919 |
<!--{if $skip_confirm_page_flg}-->
|
| 920 |
<div class="p-lp__confirm">
|
| 921 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 922 |
<div class="js-confirm-section c-lp-section" style="display:none;">
|
| 923 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 924 |
|
| 925 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 926 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます（ポイントは使用されません）<br>
|
| 927 |
ポイントを使用したい場合、クーポンを解除してください
|
| 928 |
</div>
|
| 929 |
|
| 930 |
<!--商品一覧 表示領域-->
|
| 931 |
<div class="confirm-products">
|
| 932 |
<div class="c-table">
|
| 933 |
<table>
|
| 934 |
<tr>
|
| 935 |
<th>商品名</th>
|
| 936 |
<th>単価</th>
|
| 937 |
<th>数量</th>
|
| 938 |
<th>小計</th>
|
| 939 |
</tr>
|
| 940 |
<tbody id="js-confirm-products"></tbody>
|
| 941 |
</table>
|
| 942 |
</div>
|
| 943 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 944 |
</div>
|
| 945 |
<!--商品一覧 テンプレート-->
|
| 946 |
<table style="display:none;">
|
| 947 |
<tbody id="tmp-confirm-products">
|
| 948 |
<tr>
|
| 949 |
<td>
|
| 950 |
{{product_name}}
|
| 951 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 952 |
<span class="class-category">{{class}}</span>
|
| 953 |
<template class="tmp-confirm-products-bundle-parts-product">
|
| 954 |
<div>└ {{parts_product_name}}</div>
|
| 955 |
</template>
|
| 956 |
</td>
|
| 957 |
<td class="c-table__align-right">{{price}}円</td>
|
| 958 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 959 |
<td class="c-table__align-right">{{subtotal}}円<br>{{code_coupon_limit}}</td>
|
| 960 |
</tr>
|
| 961 |
</tbody>
|
| 962 |
</table>
|
| 963 |
|
| 964 |
<!--タイムセール期限 表示領域-->
|
| 965 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 966 |
<div class="c-table">
|
| 967 |
<table>
|
| 968 |
<tr>
|
| 969 |
<th colspan="2">タイムセール期限</th>
|
| 970 |
<tbody id="js-confirm-timesale"></tbody>
|
| 971 |
</tr>
|
| 972 |
</table>
|
| 973 |
</div>
|
| 974 |
</div>
|
| 975 |
<!--タイムセール期限 テンプレート-->
|
| 976 |
<table style="display:none">
|
| 977 |
<tbody id="tmp-confirm-timesale">
|
| 978 |
<tr>
|
| 979 |
<td>{{product_name}}</td>
|
| 980 |
<td>{{timesales_end_date}}</td>
|
| 981 |
</tr>
|
| 982 |
</tbody>
|
| 983 |
</table>
|
| 984 |
|
| 985 |
<div class="confirm-content">
|
| 986 |
<!--購入者情報-->
|
| 987 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 988 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 989 |
<table class="c-table__align-left">
|
| 990 |
<tr>
|
| 991 |
<th class="c-width-140">お名前</th>
|
| 992 |
<td>
|
| 993 |
{{join_name}}
|
| 994 |
<button type="button" class="js-confirm-change-name js-confirm-change c-link confirm-change" data-target-selector="#lp-not-login">変更</button>
|
| 995 |
</td>
|
| 996 |
</tr>
|
| 997 |
<tr>
|
| 998 |
<th>お届け先</th>
|
| 999 |
<td>
|
| 1000 |
{{join_shipping}}
|
| 1001 |
<button type="button" class="js-confirm-change-shipping js-confirm-change c-link confirm-change" data-target-selector=".p-lp__address">変更</button>
|
| 1002 |
</td>
|
| 1003 |
</tr>
|
| 1004 |
<tr>
|
| 1005 |
<th>電話番号</th>
|
| 1006 |
<td>{{deliv_tel}}</td>
|
| 1007 |
</tr>
|
| 1008 |
<tr class="js-confirm-deliver-date">
|
| 1009 |
<th>お届け指定日</th>
|
| 1010 |
<td>
|
| 1011 |
{{delivery_date}}
|
| 1012 |
<span class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</span>
|
| 1013 |
<span class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</span>
|
| 1014 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1015 |
</td>
|
| 1016 |
</tr>
|
| 1017 |
<tr class="js-confirm-deliver-time">
|
| 1018 |
<th>お届け時間</th>
|
| 1019 |
<td>
|
| 1020 |
{{delivery_time}}
|
| 1021 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1022 |
</td>
|
| 1023 |
</tr>
|
| 1024 |
<tr class="js-confirm-deliver-cycle">
|
| 1025 |
<th>お届け指定間隔</th>
|
| 1026 |
<td>
|
| 1027 |
{{delivery_cycle}}
|
| 1028 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__regular">変更</button>
|
| 1029 |
</td>
|
| 1030 |
</tr>
|
| 1031 |
<tr class="js-confirm-regular-extra-interval">
|
| 1032 |
<th></th>
|
| 1033 |
<td>
|
| 1034 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 1035 |
</td>
|
| 1036 |
</tr>
|
| 1037 |
<tr>
|
| 1038 |
<th>お支払い方法</th>
|
| 1039 |
<td>
|
| 1040 |
{{payment_method}}
|
| 1041 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__payment">変更</button>
|
| 1042 |
</td>
|
| 1043 |
</tr>
|
| 1044 |
<tr class="js-confirm-customer-payment-deadline">
|
| 1045 |
<th>お支払い期限</th>
|
| 1046 |
<td>{{payment_deadline}}</td>
|
| 1047 |
</tr>
|
| 1048 |
<tr class="js-confirm-message">
|
| 1049 |
<th>その他お問い合わせ</th>
|
| 1050 |
<td>{{message}}</td>
|
| 1051 |
</tr>
|
| 1052 |
</table>
|
| 1053 |
</div>
|
| 1054 |
|
| 1055 |
<!--変動サイクル テンプレート-->
|
| 1056 |
<template id="tmp-confirm-regular-extra-interval">
|
| 1057 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 1058 |
</template>
|
| 1059 |
|
| 1060 |
<div class="confirm-payment">
|
| 1061 |
<!--商品合計・手数料・送料 表示領域-->
|
| 1062 |
<div id="js-confirm-payment"></div>
|
| 1063 |
<!--税額 表示領域-->
|
| 1064 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 1065 |
</div>
|
| 1066 |
</div>
|
| 1067 |
|
| 1068 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 1069 |
<div id="tmp-confirm-payment" style="display:none;" data-qa="container-order-info">
|
| 1070 |
<table>
|
| 1071 |
<tr>
|
| 1072 |
<th>商品(税込)</th>
|
| 1073 |
<td>{{subtotal}}円</td>
|
| 1074 |
</tr>
|
| 1075 |
|
| 1076 |
<tr>
|
| 1077 |
<th>送料(税込)</th>
|
| 1078 |
<td>{{deliv_fee}}円</td>
|
| 1079 |
</tr>
|
| 1080 |
<tr>
|
| 1081 |
<th>手数料(税込)</th>
|
| 1082 |
<td>{{charge}}円</td>
|
| 1083 |
</tr>
|
| 1084 |
<tr class="js-confirm-relay-fee">
|
| 1085 |
<th>離島手数料(税込)</th>
|
| 1086 |
<td>{{relay_fee}}円</td>
|
| 1087 |
</tr>
|
| 1088 |
<tr class="js-confirm-discount">
|
| 1089 |
<th>クーポン値引き金額</th>
|
| 1090 |
<td data-qa="text-coupon-discount-price">-{{coupon_discount}}円</td>
|
| 1091 |
</tr>
|
| 1092 |
<tr class="js-confirm-use-point">
|
| 1093 |
<th>ポイント値引き金額</th>
|
| 1094 |
<td>-{{use_point}}円</td>
|
| 1095 |
</tr>
|
| 1096 |
<tbody class="js-sending-data"></tbody>
|
| 1097 |
<tr class="confirm-payment__total">
|
| 1098 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 1099 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 1100 |
</tr>
|
| 1101 |
<tr class="js-confirm-add-point">
|
| 1102 |
<th>今回加算されるポイント</th>
|
| 1103 |
<td class="js-confirm-add-point-label">{{add_point}}</td>
|
| 1104 |
<td class="js-confirm-add-point-regular-label">{{add_point_regular}}</td>
|
| 1105 |
</tr>
|
| 1106 |
</table>
|
| 1107 |
</div>
|
| 1108 |
<!--税額 テンプレート-->
|
| 1109 |
<ul id="tmp-taxes" style="display:none;">
|
| 1110 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 1111 |
</ul>
|
| 1112 |
<!--発送元特別送料 テンプレート-->
|
| 1113 |
<template id="tmp-sending-data">
|
| 1114 |
<tr>
|
| 1115 |
<th>{{service}}</th>
|
| 1116 |
<td>{{cost}}円</td>
|
| 1117 |
</tr>
|
| 1118 |
</template>
|
| 1119 |
|
| 1120 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 1121 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 1122 |
<!--定期詳細一覧 表示領域-->
|
| 1123 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 1124 |
<!--送料・手数料 表示領域-->
|
| 1125 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 1126 |
|
| 1127 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 1128 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 1129 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 1130 |
</div>
|
| 1131 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 1132 |
<div class="confirm-return">
|
| 1133 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 1134 |
</div>
|
| 1135 |
|
| 1136 |
<!--定期詳細一覧 テンプレート-->
|
| 1137 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 1138 |
<div class="confirm-regular-detail">
|
| 1139 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 1140 |
<div class="confirm-regular-detail__list">
|
| 1141 |
<div class="c-table">
|
| 1142 |
<table>
|
| 1143 |
<tr>
|
| 1144 |
<th>回数</th>
|
| 1145 |
<th>商品名</th>
|
| 1146 |
<th>数量</th>
|
| 1147 |
<th>小計</th>
|
| 1148 |
</tr>
|
| 1149 |
<tbody class="js-confirm-regular-detail__list"></tbody>
|
| 1150 |
</table>
|
| 1151 |
</div>
|
| 1152 |
</div>
|
| 1153 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 1154 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 1155 |
</div>
|
| 1156 |
</div>
|
| 1157 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 1158 |
<table style="display:none">
|
| 1159 |
<tbody id="tmp-confirm-regular-detail__row">
|
| 1160 |
<tr>
|
| 1161 |
<td class="c-table__align-center"><span class="detail-content__count">{{count}}回目</span></td>
|
| 1162 |
<td>
|
| 1163 |
{{product_name}}
|
| 1164 |
</td>
|
| 1165 |
<td class="c-table__align-center"><span class="detail-content__quantity">{{quantity}}</span></td>
|
| 1166 |
<td class="c-table__align-right"><span>{{subtotal}}円</span></td>
|
| 1167 |
</tr>
|
| 1168 |
</tbody>
|
| 1169 |
</table>
|
| 1170 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 1171 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 1172 |
<div class="c-table">
|
| 1173 |
<table class="c-table__align-left">
|
| 1174 |
<tr>
|
| 1175 |
<th>値引き金額総合計</th>
|
| 1176 |
<td class="c-table__align-right">{{total_amount_detail_discount}}円</td>
|
| 1177 |
</tr>
|
| 1178 |
<tr>
|
| 1179 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 1180 |
<td class="c-table__align-right">{{total_amount_detail_total}}円</td>
|
| 1181 |
</tr>
|
| 1182 |
<tr>
|
| 1183 |
<th>お届けサイクル</th>
|
| 1184 |
<td colspan="3">{{date_text}}にお届け予定</td>
|
| 1185 |
</tr>
|
| 1186 |
<tr>
|
| 1187 |
<th>お届け回数</th>
|
| 1188 |
<td colspan="3">{{display_regular_repeat_count}}</td>
|
| 1189 |
</tr>
|
| 1190 |
</table>
|
| 1191 |
</div>
|
| 1192 |
</div>
|
| 1193 |
|
| 1194 |
<!--送料・手数料 テンプレート-->
|
| 1195 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 1196 |
<div>定期コース送料・手数料一覧</div>
|
| 1197 |
<div class="c-table">
|
| 1198 |
<table>
|
| 1199 |
<tr>
|
| 1200 |
<th>回数</th>
|
| 1201 |
<th>送料</th>
|
| 1202 |
<th>手数料</th>
|
| 1203 |
<th>合計</th>
|
| 1204 |
</tr>
|
| 1205 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 1206 |
</table>
|
| 1207 |
</div>
|
| 1208 |
</div>
|
| 1209 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 1210 |
<table style="display:none;">
|
| 1211 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 1212 |
<tr>
|
| 1213 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 1214 |
<td>{{deliv_fee}}円</td>
|
| 1215 |
<td>{{charge}}円</td>
|
| 1216 |
<td class="c-table__align-right">{{total}}円</td>
|
| 1217 |
</tr>
|
| 1218 |
</tbody>
|
| 1219 |
</table>
|
| 1220 |
|
| 1221 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 1222 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 1223 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 1224 |
<div class="c-table total-table">
|
| 1225 |
<table>
|
| 1226 |
<tr>
|
| 1227 |
<th>回数</th>
|
| 1228 |
<th>商品</th>
|
| 1229 |
<th>送料/手数料</th>
|
| 1230 |
<th>合計</th>
|
| 1231 |
</tr>
|
| 1232 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 1233 |
</table>
|
| 1234 |
</div>
|
| 1235 |
</div>
|
| 1236 |
|
| 1237 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 1238 |
<table style="display:none;">
|
| 1239 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 1240 |
<tr>
|
| 1241 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 1242 |
<td>
|
| 1243 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 1244 |
</td>
|
| 1245 |
<td class="c-table__align-right">
|
| 1246 |
<div>手数料：{{charge}}円</div>
|
| 1247 |
<div>送料：{{deliv_fee}}円</div>
|
| 1248 |
</td>
|
| 1249 |
<td class="c-table__align-right">{{total}}円</td>
|
| 1250 |
</tr>
|
| 1251 |
</tbody>
|
| 1252 |
</table>
|
| 1253 |
|
| 1254 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 1255 |
<div style="display:none;">
|
| 1256 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 1257 |
<div>
|
| 1258 |
<div class="product-summary">
|
| 1259 |
<div>
|
| 1260 |
{{product_name}}
|
| 1261 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 1262 |
{{product_category}} 数量：{{product_quantity}}
|
| 1263 |
</span>
|
| 1264 |
</div>
|
| 1265 |
<div>
|
| 1266 |
{{product_subtotal}}円
|
| 1267 |
</div>
|
| 1268 |
</div>
|
| 1269 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 1270 |
</div>
|
| 1271 |
</div>
|
| 1272 |
</div>
|
| 1273 |
|
| 1274 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 1275 |
<div style="display:none;">
|
| 1276 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 1277 |
<div>└{{product_name}} {{product_category}} 数量：{{product_quantity}}</div>
|
| 1278 |
</div>
|
| 1279 |
</div>
|
| 1280 |
|
| 1281 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 1282 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 1283 |
<div class="c-table">
|
| 1284 |
<table class="c-table__align-left">
|
| 1285 |
<tr>
|
| 1286 |
<th>商品個数合計</th>
|
| 1287 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 1288 |
</tr>
|
| 1289 |
<tr>
|
| 1290 |
<th>
|
| 1291 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 1292 |
<span>商品 / 送料・手数料総額</span>
|
| 1293 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 1294 |
</th>
|
| 1295 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 1296 |
</tr>
|
| 1297 |
</table>
|
| 1298 |
</div>
|
| 1299 |
</div>
|
| 1300 |
|
| 1301 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 1302 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 1303 |
<!--商品が複数ある場合使用-->
|
| 1304 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 1305 |
<!--商品が1つの場合使用-->
|
| 1306 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 1307 |
</div>
|
| 1308 |
</div>
|
| 1309 |
</div>
|
| 1310 |
|
| 1311 |
<!--{/if}-->
|
| 1312 |
|
| 1313 |
<!--購入確認画面-->
|
| 1314 |
<div class="p-lp__submit">
|
| 1315 |
<div class="c-error-message-section" id="alert_errors" <!--{if !$arrErr}-->style="display:none;"<!--{/if}-->>
|
| 1316 |
<!--{if $arrErr}-->
|
| 1317 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 1318 |
<span><!--{$item nofilter}--></span>
|
| 1319 |
<!--{/foreach}-->
|
| 1320 |
<!--{/if}-->
|
| 1321 |
</div>
|
| 1322 |
<!-- li><a class="lp_button_submit" href="javascript:void(0);" id="confirm_submit" onclick="return false;"> </a></li -->
|
| 1323 |
|
| 1324 |
|
| 1325 |
<!--{if $preview}-->
|
| 1326 |
<div>
|
| 1327 |
<div class="c-button-group">
|
| 1328 |
<input class="c-button c-button--lg c-button--gradient-green" type="button" id="confirm_submit_image" value="お申込み内容を確認する" onclick="return false;">
|
| 1329 |
</div>
|
| 1330 |
</div>
|
| 1331 |
<!--{else}-->
|
| 1332 |
<!--{if !$skip_confirm_page_flg}-->
|
| 1333 |
<div class="c-button-group">
|
| 1334 |
<div id="confirm_submit">
|
| 1335 |
<input class="c-button c-button--lg c-button--gradient-green" type="button" id="confirm_submit_image" value="お申込み内容を確認する" onclick="return false;">
|
| 1336 |
</div>
|
| 1337 |
</div>
|
| 1338 |
<!--{else}-->
|
| 1339 |
<!-- 簡易確認フォーム・購入完了ボタン -->
|
| 1340 |
<div class="c-button-group">
|
| 1341 |
<div id="confirm_submit">
|
| 1342 |
<div id="skip_confirm_submit">
|
| 1343 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" disabled="disabled" type="button" id="confirm_submit_image" value="注文を確定する" <!--{if !$enable_spider_af}-->onclick="return false;"<!--{/if}-->>
|
| 1344 |
</div>
|
| 1345 |
</div>
|
| 1346 |
</div>
|
| 1347 |
<!--{/if}-->
|
| 1348 |
<!--{/if}-->
|
| 1349 |
</div>
|
| 1350 |
|
| 1351 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1352 |
<!--{foreach from=$arrHiddens key="key_h" item="val_h"}-->
|
| 1353 |
<input type="hidden" name="<!--{$key_h}-->" value="<!--{$val_h.value}-->" class="<!--{$val_h.class}-->" id="<!--{$val_h.class}--><!--{$key_h}-->" data-key="<!--{$key_h}-->" />
|
| 1354 |
<!--{/foreach}-->
|
| 1355 |
<!--{if !empty($selected_classcategory_list)}-->
|
| 1356 |
<!--{foreach from=$selected_classcategory_list key="classcategory_key" item="classcategory_data"}-->
|
| 1357 |
<!--{foreach from=$classcategory_data key="bulk_number" item="classcategory_data_detail"}-->
|
| 1358 |
<input type="hidden" name="<!--{$classcategory_key}-->[<!--{$bulk_number}-->]" value="<!--{$classcategory_data_detail.value}-->" class="<!--{$classcategory_data_detail.class}-->" id="selected_<!--{$classcategory_key}-->_<!--{$bulk_number}-->" data-key="<!--{$classcategory_key}-->" data-bulk_number="<!--{$bulk_number}-->" />
|
| 1359 |
<!--{/foreach}-->
|
| 1360 |
<!--{/foreach}-->
|
| 1361 |
<!--{/if}-->
|
| 1362 |
<!--{foreach from=$arrErr key="key_e" item="val_e"}-->
|
| 1363 |
<input type="hidden" name="errors_<!--{$key_e}-->" value="<!--{$val_e}-->" class="errors" id="errors_<!--{$key_e}-->" />
|
| 1364 |
<!--{/foreach}-->
|
| 1365 |
<input type="hidden" name="ajax_url" value="<!--{$ajax_url}-->" id="ajax_url" />
|
| 1366 |
<input type="hidden" name="spider" value=""/>
|
| 1367 |
<input type="hidden" class="js-spider-tracker" value="<!--{$spider_tracker}-->"/>
|
| 1368 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1369 |
<!--{captcha_form_lp_shopping}-->
|
| 1370 |
</form>
|
| 1371 |
|
| 1372 |
<!--paidy用注文確定ボタン-->
|
| 1373 |
<div id="paidy_skip_confirm_submit" style="display:none;">
|
| 1374 |
<div class="c-button-group">
|
| 1375 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="paidy_confirm_submit_image" value="注文を確定する" onclick="immediatePaidyTag('skip_confirm')">
|
| 1376 |
</div>
|
| 1377 |
</div>
|
| 1378 |
|
| 1379 |
<!--atone決済用注文確定ボタン-->
|
| 1380 |
<div id="atone_skip_confirm_submit" style="display:none;">
|
| 1381 |
<div class="c-button-group">
|
| 1382 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="atone_confirm_submit_image" value="注文を確定する" onclick="AtonePayment.start('skip_confirm')">
|
| 1383 |
</div>
|
| 1384 |
</div>
|
| 1385 |
|
| 1386 |
</div>
|
| 1387 |
</div>
|
| 1388 |
<!-- ▲CONTENTS -->
|
| 1389 |
|
| 1390 |
<!--{* よりどり購入設定 *}-->
|
| 1391 |
<!--{if file_exists(Path::user_template_dir('config/bundle_config.tpl')->getPathname())}-->
|
| 1392 |
<!--{include file=Path::user_template_dir('config/bundle_config.tpl')->getPathname()}-->
|
| 1393 |
<!--{/if}-->
|
| 1394 |
|
| 1395 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1396 |
<input type="hidden" id="use_lp_only_flg" value="<!--{$use_lp_only_flg}-->">
|
| 1397 |
<input type="hidden" id="skip_confirm_page_flg" value="<!--{$skip_confirm_page_flg}-->">
|
| 1398 |
<input type="hidden" id="is_mobile_flg" value="0">
|
| 1399 |
<!--{if $lp_content != false}--><!--{include file=$lp_content layout='lp_footer' footer_file_path=$footer_file_path}--><!--{/if}-->
|
| 1400 |
|
| 1401 |
<!--{if $footer_file_path !== ''}-->
|
| 1402 |
<!--{include file=$footer_file_path}-->
|
| 1403 |
<!--{/if}-->
|
| 1404 |
|
| 1405 |
<script type="text/javascript" src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1406 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1407 |
|
| 1408 |
<!--{* ポップアップバナー *}-->
|
| 1409 |
<!--{$popup_banner}-->
|
| 1410 |
|
| 1411 |
<script type="text/javascript">
|
| 1412 |
window.addEventListener('DOMContentLoaded', () => {
|
| 1413 |
const APP$ = window.APP.$;
|
| 1414 |
|
| 1415 |
<!--{* スクロール関連ここから *}-->
|
| 1416 |
const lpAdjustScroll = () => {
|
| 1417 |
<!--{if $login_success}--> <!--{* ログイン成功時 *}-->
|
| 1418 |
lp.adjustScroll(
|
| 1419 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1420 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1421 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1422 |
);
|
| 1423 |
<!--{elseif $loginerror}--> <!--{* ログイン失敗時 *}-->
|
| 1424 |
lp.adjustScroll(
|
| 1425 |
'#lp-login', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1426 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1427 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1428 |
);
|
| 1429 |
<!--{elseif $return_from_confirm}--> <!--{* 確認画面からの戻り時 *}-->
|
| 1430 |
lp.adjustScroll(
|
| 1431 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1432 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1433 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1434 |
);
|
| 1435 |
<!--{else}--> <!--{* 上記以外 ファーストアクセスなど *}-->
|
| 1436 |
<!--{* 上記を参考に適宜指定してください *}-->
|
| 1437 |
<!--{/if}-->
|
| 1438 |
};
|
| 1439 |
<!--{* スクロール関連ここまで *}-->
|
| 1440 |
|
| 1441 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1442 |
APP$(window).on('load', async function () {
|
| 1443 |
$emptyOptions = APP$('.js-lp-product-empty-option');
|
| 1444 |
if ($emptyOptions.length > 0 && $emptyOptions.length == $emptyOptions.filter(':selected').length) {
|
| 1445 |
lp.emit('lpFetched');
|
| 1446 |
return;
|
| 1447 |
}
|
| 1448 |
<!--{if $lp_bulk_count > 0}-->
|
| 1449 |
<!--{for $i=1 to $lp_bulk_count}-->
|
| 1450 |
await lp.fetch_data(APP$('#product_id_' + <!--{$i}-->).val(), APP$('#quantity_' + <!--{$i}-->).val(), <!--{$i}-->);
|
| 1451 |
<!--{/for}-->
|
| 1452 |
<!--{/if}-->
|
| 1453 |
lp.emit('lpFetched');
|
| 1454 |
lpAdjustScroll();
|
| 1455 |
});
|
| 1456 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1457 |
|
| 1458 |
APP$('#rule_text_link').click(function(){
|
| 1459 |
APP$('#rule_text_area').toggle();
|
| 1460 |
});
|
| 1461 |
|
| 1462 |
APP$('#mailmaga_flg').click(function(){
|
| 1463 |
if(APP$(this).prop('checked')){
|
| 1464 |
APP$('#no_mailmaga_flg').val(0);
|
| 1465 |
}
|
| 1466 |
else{
|
| 1467 |
APP$('#no_mailmaga_flg').val(1);
|
| 1468 |
}
|
| 1469 |
});
|
| 1470 |
|
| 1471 |
APP$(function() {
|
| 1472 |
// エラーフォーム背景指定
|
| 1473 |
valid = new Array("dummy"<!--{foreach from=$arrErr key="key" item="item"}-->,"<!--{$key}-->"<!--{/foreach}-->);
|
| 1474 |
for (var i = 0; i < valid.length; i++) {
|
| 1475 |
APP$('*[name=' + valid[i] + ']').css("background", "rgb(253, 234, 234)");
|
| 1476 |
}
|
| 1477 |
|
| 1478 |
// 入力フォーム背景指定
|
| 1479 |
APP$('input, select').focus(function(){ APP$(this).css("background", "") });
|
| 1480 |
|
| 1481 |
APP$('a[href="#"]').click(function(){
|
| 1482 |
return false;
|
| 1483 |
});
|
| 1484 |
});
|
| 1485 |
});
|
| 1486 |
</script>
|
| 1487 |
|
| 1488 |
<!--{* LPフォーム入力アシスト機能 パーツカラーの上書き *}-->
|
| 1489 |
<!--{*
|
| 1490 |
<style>
|
| 1491 |
:root {
|
| 1492 |
--efo-message-textColor: ;
|
| 1493 |
--efo-message-backgroundColor: ;
|
| 1494 |
--efo-progress-textColor: ;
|
| 1495 |
--efo-progress-accentColor: ;
|
| 1496 |
--efo-progress-backgroundColor: ;
|
| 1497 |
--efo-error-form-borderColor: ;
|
| 1498 |
--efo-error-form-textColor: ;
|
| 1499 |
--efo-error-form-backgroundColor: ;
|
| 1500 |
--efo-success-form-borderColor: ;
|
| 1501 |
--efo-success-form-textColor: ;
|
| 1502 |
--efo-success-form-backgroundColor: ;
|
| 1503 |
--efo-incomplete-backgroundColor: ;
|
| 1504 |
--efo-incomplete-textColor: ;
|
| 1505 |
--efo-incomplete-linkColor: ;
|
| 1506 |
}
|
| 1507 |
</style>
|
| 1508 |
*}-->
|
| 1509 |
|
| 1510 |
<script>
|
| 1511 |
var EFO = {};
|
| 1512 |
EFO.SITE_CONFIG = {
|
| 1513 |
password: {
|
| 1514 |
min: <!--{$password_rule.min_length|escape:javascript nofilter}-->,
|
| 1515 |
max: <!--{$password_rule.max_length|escape:javascript nofilter}-->
|
| 1516 |
},
|
| 1517 |
birthday: {
|
| 1518 |
required: <!--{if $req_setting.pc_birth == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1519 |
},
|
| 1520 |
sex: {
|
| 1521 |
selected: <!--{if $req_setting.pc_sex == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1522 |
}
|
| 1523 |
}
|
| 1524 |
</script>
|
| 1525 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1526 |
<script>
|
| 1527 |
EFO.page.config = {
|
| 1528 |
showIncomplete: Boolean(<!--{$skip_confirm_page_flg}-->),
|
| 1529 |
};
|
| 1530 |
EFO.page.classes = {
|
| 1531 |
};
|
| 1532 |
EFO.page.validation = {
|
| 1533 |
};
|
| 1534 |
EFO.page.validationMessage = {
|
| 1535 |
};
|
| 1536 |
</script>
|
| 1537 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1538 |
|
| 1539 |
<!--{* リピスト Chat ここから *}-->
|
| 1540 |
<!--{if 'lp_chat_form'|get_option_use_flg == true && $is_usable_chat}-->
|
| 1541 |
<link rel="stylesheet" href="<!--{$TPL_DIR}-->assets/chat_form/css/style.css" type="text/css" media="all" />
|
| 1542 |
<script>
|
| 1543 |
var ChatForm = {
|
| 1544 |
lpFormKey: (new URL(document.location)).searchParams.get('p') || '<!--{$smarty.session.site.from_lp_product|escape:javascript nofilter}-->' || '<!--{$p|escape:javascript nofilter}-->',
|
| 1545 |
lpAjaxUrl: '<!--{$ajax_url}-->',
|
| 1546 |
isMobile: false,
|
| 1547 |
spiderTracker: "<!--{$spider_tracker}-->",
|
| 1548 |
showRegularTotalAddFeeTable: false
|
| 1549 |
}
|
| 1550 |
</script>
|
| 1551 |
<script src="/assets/chat_form/js/chat_form.min.js" defer></script>
|
| 1552 |
<div id="cf-root"></div>
|
| 1553 |
<!--{/if}-->
|
| 1554 |
<!--{* リピスト Chat ここまで *}-->
|
| 1555 |
|
| 1556 |
<!--{* LPフォーム個別js *}-->
|
| 1557 |
<!--{if isset($js_file_path) && $js_file_path !== ''}-->
|
| 1558 |
<script src="<!--{$js_file_path}-->?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1559 |
<!--{/if}-->
|
|
|
|
| 1 |
<!--{* ↓編集しないでください↓ *}-->
|
| 2 |
<!--{if $body_file_path !== ''}-->
|
| 3 |
<!--{include file=$body_file_path}-->
|
| 4 |
<!--{/if}-->
|
| 5 |
<!--{if $preview || $non_save_preview}-->
|
| 6 |
<!--{include file=Path::LP_PREVIEW_ATTENTION_TPL_PATH()->getPathname()}-->
|
| 7 |
<!--{/if}-->
|
| 8 |
<!--{* ↑編集しないでください↑ *}-->
|
| 9 |
|
| 10 |
<!-- ▼CONTENTS -->
|
| 11 |
<div class="p-lp <!--{if $non_save_preview}-->preview<!--{/if}-->">
|
| 12 |
<!--{if !$skip_confirm_page_flg}-->
|
| 13 |
<div class="c-order-step">
|
| 14 |
<div class="c-order-step__item c-order-step__item--current">
|
| 15 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 16 |
<div class="c-order-step__right"><span>入力</span></div>
|
| 17 |
</div>
|
| 18 |
<div class="c-order-step__item">
|
| 19 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 20 |
<div class="c-order-step__right"><span>確認</span></div>
|
| 21 |
</div>
|
| 22 |
<div class="c-order-step__item">
|
| 23 |
<div class="c-order-step__left"><span>STEP</span></div>
|
| 24 |
<div class="c-order-step__right"><span>完了</span></div>
|
| 25 |
</div>
|
| 26 |
</div>
|
| 27 |
<!--{/if}-->
|
| 28 |
<div class="c-contents-header">
|
| 29 |
<h2 class="c-contents-header__title">購入手続き</h2>
|
| 30 |
</div>
|
| 31 |
<div class="c-contents-body">
|
| 32 |
<form name="form1" id="form1" method="post" action="<!--{$smarty.server.SCRIPT_NAME}-->" class="js-efo js-lp-recaptcha-form">
|
| 33 |
<!--{* 商品選択 *}-->
|
| 34 |
<div class="p-lp__product js-lp-product-select">
|
| 35 |
<!--{foreach from=$lp_form_products key="key" item="lp_form_product"}-->
|
| 36 |
<div class="c-lp-section">
|
| 37 |
<div class="c-form-groups c-form-groups--row product-group">
|
| 38 |
<div class="product-group__product">
|
| 39 |
<div class="c-form-group c-form-group--row">
|
| 40 |
<!--{if deprecated_count($lp_form_products) > 1}-->
|
| 41 |
<label class="c-form-label" for="product_id_<!--{$key}-->">商品<!--{$key}--></label>
|
| 42 |
<!--{/if}-->
|
| 43 |
<div class="c-select c-select--lg c-select--white">
|
| 44 |
<select class="product_id" name="product_id[<!--{$key}-->]" id="product_id_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 45 |
<!--{* ↓未選択の商品選択肢を追加したい場合は以下のコメントアウトを外してください↓ *}-->
|
| 46 |
<!--{* <option value="" class="js-lp-product-empty-option">商品を選択してください</option> *}-->
|
| 47 |
|
| 48 |
<!--{* ↓編集しないでください↓ *}-->
|
| 49 |
<!--{foreach $lp_form_product as $product}-->
|
| 50 |
<option value="<!--{$product.product_id}-->"<!--{if $arrForm.product_id[$key] == $product.product_id}--> selected="selected"<!--{/if}-->>
|
| 51 |
<!--{if $product.product_name}--><!--{$product.product_name}--><!--{else}--><!--{$product.name}--><!--{/if}-->
|
| 52 |
</option>
|
| 53 |
<!--{/foreach}-->
|
| 54 |
<!--{* ↑編集しないでください↑ *}-->
|
| 55 |
</select>
|
| 56 |
<i></i>
|
| 57 |
</div>
|
| 58 |
</div>
|
| 59 |
<div id="error-product_id" class="validate-error-message"></div>
|
| 60 |
</div>
|
| 61 |
+
<div class="c-form-group c-form-group--row js-product-quantity-manager" data-bulk_number="<!--{$key}-->" style="display: none;">
|
|
|
|
|
|
|
| 62 |
<!--{assign var=key1 value="quantity"}-->
|
| 63 |
<label class="c-form-label" for="quantity_<!--{$key1}-->">数量：</label>
|
| 64 |
<div class="c-select c-select--lg c-select--white">
|
| 65 |
<select class="quantity" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 66 |
<!--{section name=i start=1 loop=11}-->
|
| 67 |
<!--{assign var="quantity" value="`$smarty.section.i.index`"}-->
|
| 68 |
<option value="<!--{$quantity}-->"<!--{if $arrForm[$key1][$key] == $quantity}--> selected="selected"<!--{/if}-->><!--{$quantity}--></option>
|
| 69 |
<!--{/section}-->
|
| 70 |
</select>
|
| 71 |
<i></i>
|
| 72 |
</div>
|
| 73 |
</div>
|
|
|
|
|
|
|
|
|
|
| 74 |
</div>
|
| 75 |
<div id="class_category_block_<!--{$key}-->" style="display:none;" class="clear class_category_block">
|
| 76 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 77 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 78 |
<div class="class-category" id="class_category_select_<!--{$key}-->"></div>
|
| 79 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 80 |
</div>
|
| 81 |
|
| 82 |
<div id="bundle_product_block_<!--{$key}-->">
|
| 83 |
<!--{* よりどり商品を選択すると、ここによりどり商品用の UI が表示されます。 *}-->
|
| 84 |
</div>
|
| 85 |
</div>
|
| 86 |
<!--{/foreach}-->
|
| 87 |
</div>
|
| 88 |
|
| 89 |
<!--{* ログイン *}-->
|
| 90 |
<div id="login" class="p-lp__login">
|
| 91 |
<div class="login-check" summary="ログインチェック" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 92 |
<div class="c-lp-section" <!--{if $register == 2}-->style="display: none;"<!--{/if}-->>
|
| 93 |
<div class="omit-input">
|
| 94 |
<!--<h1>過去に購入したことがある方</h1>-->
|
| 95 |
<div class="c-checkbox">
|
| 96 |
<input type="checkbox" name="register" id="register" value="1" <!--{if $register == 1}-->checked="checked"<!--{/if}-->/>
|
| 97 |
<label for="register">
|
| 98 |
お客様情報の入力を省略する
|
| 99 |
<span class="annotation"> (当サイトで購入したことがある方のみ)</span>
|
| 100 |
</label>
|
| 101 |
</div>
|
| 102 |
</div>
|
| 103 |
|
| 104 |
<div summary="既存会員" id="lp-login" <!--{if $register != 1}--> style="display:none;"<!--{/if}--> class="p-lp__already">
|
| 105 |
<div class="login-section">
|
| 106 |
<p class="c-lp-section__paragraph">
|
| 107 |
前回の購入時または会員登録時に入力したメールアドレスとパスワードを入力し、 ログインボタンをクリックしてください。
|
| 108 |
</p>
|
| 109 |
<div class="login-section__contents">
|
| 110 |
<div class="login-form">
|
| 111 |
<div class="login-form__input">
|
| 112 |
<table>
|
| 113 |
<tr>
|
| 114 |
<!--{assign var=key1 value="login_email"}-->
|
| 115 |
<th><label for="<!--{$key1}-->" class="c-form-label">メールアドレス</label></th>
|
| 116 |
<td>
|
| 117 |
<input type="email" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" class="c-textbox c-textbox--white c-width-300"/>
|
| 118 |
<p class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></p>
|
| 119 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 120 |
</td>
|
| 121 |
</tr>
|
| 122 |
<tr>
|
| 123 |
<!--{assign var=key1 value="login_pass"}-->
|
| 124 |
<th><label for="<!--{$key1}-->" class="c-form-label">パスワード</label></th>
|
| 125 |
<td>
|
| 126 |
<div class="c-password-textbox js-toggle-password">
|
| 127 |
<input type="password" id="<!--{$key1}-->" name="<!--{$key1}-->" value="" class="c-textbox c-textbox--white"/>
|
| 128 |
<i class="c-password-textbox__icon"></i>
|
| 129 |
</div>
|
| 130 |
<p class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></p>
|
| 131 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 132 |
</td>
|
| 133 |
</tr>
|
| 134 |
</table>
|
| 135 |
</div>
|
| 136 |
<div class="login-form__submit">
|
| 137 |
<button
|
| 138 |
type="button"
|
| 139 |
class="c-button c-button--md c-button--default c-width-200 js-lp-login"
|
| 140 |
>
|
| 141 |
ログイン
|
| 142 |
</button>
|
| 143 |
</div>
|
| 144 |
<!--{captcha_form_login}-->
|
| 145 |
</div>
|
| 146 |
<p>パスワードを忘れた方は<a class="c-link" href="/forgot/index.php">こちら</a>からパスワードの再発行を行ってください。 </p>
|
| 147 |
</div>
|
| 148 |
<!--{* LINEログインを使用する場合、コメントアウトを外してください *}-->
|
| 149 |
<!--
|
| 150 |
<!--{if 'basis-line_app'|get_option_use_flg}-->
|
| 151 |
<div class="line-connect">
|
| 152 |
<!--{include file=$tpl_line_connect label='LINEでログイン'}-->
|
| 153 |
</div>
|
| 154 |
<!--{/if}-->
|
| 155 |
-->
|
| 156 |
</div>
|
| 157 |
<!--{if $loginerror}--><p class="c-form-error-message"><!--{$loginerror nofilter}--></p><!--{/if}-->
|
| 158 |
</div>
|
| 159 |
</div>
|
| 160 |
</div>
|
| 161 |
<!--{* こちらはAmazonPayV2用です *}-->
|
| 162 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 163 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 164 |
<div class="c-lp-section">
|
| 165 |
<div class="c-amazon-pay">
|
| 166 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 167 |
Amazonアカウントで決済できます
|
| 168 |
</div>
|
| 169 |
<div class="c-amazon-pay__body">
|
| 170 |
<div id="amazon_pay_v2_area">
|
| 171 |
<p class="c-amazon-pay__paragraph">
|
| 172 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 173 |
</p>
|
| 174 |
<!--{if $return_back_from_amazon_pay_v2 === true}-->
|
| 175 |
<p class="c-amazon-pay__paragraph">現在アマゾンログイン中です。カードを変更し直す場合は再度ボタンのクリックをお願いします。</p>
|
| 176 |
<!--{/if}-->
|
| 177 |
<div class="c-amazon-pay__consent">
|
| 178 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 179 |
<div class="c-checkbox">
|
| 180 |
<input type="checkbox" id="amazon_v2_agree">
|
| 181 |
<label for="amazon_v2_agree">
|
| 182 |
利用する場合は、
|
| 183 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 184 |
に同意して会員登録する(必須)
|
| 185 |
</label>
|
| 186 |
</div>
|
| 187 |
<!--{/if}-->
|
| 188 |
<!--{if $register != 2}-->
|
| 189 |
<div class="c-checkbox">
|
| 190 |
<input type="checkbox" name="amazon_v2_mailmaga_flg" id="amazon_v2_mailmaga_flg" value="1">
|
| 191 |
<label for="amazon_v2_mailmaga_flg">お得な情報を受け取る</label>
|
| 192 |
</div>
|
| 193 |
<!--{/if}-->
|
| 194 |
</div>
|
| 195 |
<!--{if $precs_login_required_flg}-->
|
| 196 |
<p class="c-amazon-pay__paragraph">
|
| 197 |
<div class="c-form-error-message">
|
| 198 |
※ 既に当サイトにて会員登録されております。<br>
|
| 199 |
AmazonPay決済をご利用いただく場合は、ログインを行なった後、お手続きにお進みください。
|
| 200 |
</div>
|
| 201 |
</p>
|
| 202 |
<!--{/if}-->
|
| 203 |
</div>
|
| 204 |
<div id="amazon_pay_button_v2">
|
| 205 |
<div id="amazon_pay_button_v2_click_area">
|
| 206 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 207 |
<span id="amazon_dummy_btn">
|
| 208 |
<img src="/img/icons/amazon_v2.png">
|
| 209 |
</span>
|
| 210 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 211 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 212 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 213 |
</div>
|
| 214 |
</div>
|
| 215 |
</div>
|
| 216 |
</div>
|
| 217 |
</div>
|
| 218 |
</div>
|
| 219 |
<!--{/if}-->
|
| 220 |
</div>
|
| 221 |
|
| 222 |
<!--{if $register != 2}-->
|
| 223 |
<!--{* お客様情報（ログインしていない場合） *}-->
|
| 224 |
<div id="lp-not-login" class="p-lp__register">
|
| 225 |
<div class="c-lp-section">
|
| 226 |
<div class="c-lp-section__title">お客様情報</div>
|
| 227 |
<div class="c-table">
|
| 228 |
<table summary="会員登録" class="c-table__align-left">
|
| 229 |
<tr>
|
| 230 |
<th class="c-width-300">お名前<span class="c-form-label-required">必須</span></th>
|
| 231 |
<td>
|
| 232 |
<!--{assign var=key1 value="order_name01"}-->
|
| 233 |
<!--{assign var=key2 value="order_name02"}-->
|
| 234 |
<div class="c-form-groups c-form-groups--row">
|
| 235 |
<div class="c-form-group c-form-group--row">
|
| 236 |
<label for="<!--{$key1}-->" class="c-form-label">姓</label>
|
| 237 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->"/>
|
| 238 |
</div>
|
| 239 |
<div class="c-form-group c-form-group--row">
|
| 240 |
<label for="<!--{$key2}-->" class="c-form-label">名</label>
|
| 241 |
<input type="text" class="c-textbox" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->"/>
|
| 242 |
</div>
|
| 243 |
</div>
|
| 244 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 245 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 246 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 247 |
</td>
|
| 248 |
</tr>
|
| 249 |
<tr>
|
| 250 |
<th>フリガナ<span class="c-form-label-required">必須</span></th>
|
| 251 |
<td>
|
| 252 |
<!--{assign var=key1 value="order_kana01"}-->
|
| 253 |
<!--{assign var=key2 value="order_kana02"}-->
|
| 254 |
<div class="c-form-groups c-form-groups--row">
|
| 255 |
<div class="c-form-group c-form-group--row">
|
| 256 |
<label for="<!--{$key1}-->" class="c-form-label">セイ</label>
|
| 257 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->"/>
|
| 258 |
</div>
|
| 259 |
<div class="c-form-group c-form-group--row">
|
| 260 |
<label for="<!--{$key2}-->" class="c-form-label">メイ</label>
|
| 261 |
<input type="text" class="c-textbox" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->"/>
|
| 262 |
</div>
|
| 263 |
</div>
|
| 264 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 265 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 266 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 267 |
</td>
|
| 268 |
</tr>
|
| 269 |
<tr>
|
| 270 |
<!--{assign var=key1 value="order_zip"}-->
|
| 271 |
<th>郵便番号<span class="c-form-label-required">必須</span></th>
|
| 272 |
<td>
|
| 273 |
<div class="c-form-group c-form-group--row">
|
| 274 |
<label for="<!--{$key1}-->" class="c-form-label">〒</label>
|
| 275 |
<div>
|
| 276 |
<input type="text" class="c-textbox" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key1}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->"/>
|
| 277 |
</div>
|
| 278 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 279 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="order_zip" data-fill-address-pref="order_pref" data-fill-address-address1="order_addr01" data-fill-address-address2="order_addr02">〒検索はこちら</button>
|
| 280 |
</div>
|
| 281 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--></span>
|
| 282 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 283 |
</td>
|
| 284 |
</tr>
|
| 285 |
<tr>
|
| 286 |
<th>ご住所<span class="c-form-label-required">必須</span></th>
|
| 287 |
<td>
|
| 288 |
<div class="c-form-groups c-form-groups--column">
|
| 289 |
<!--{assign var=key value="order_pref"}-->
|
| 290 |
<div class="c-form-group c-form-group--column">
|
| 291 |
<label for="<!--{$key}-->">都道府県</label>
|
| 292 |
<div class="c-select c-select--sm">
|
| 293 |
<select name="<!--{$key}-->" id="<!--{$key}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->">
|
| 294 |
<option value="">都道府県を選択</option>
|
| 295 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 296 |
</select>
|
| 297 |
<i></i>
|
| 298 |
</div>
|
| 299 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 300 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 301 |
</div>
|
| 302 |
<div class="c-form-group c-form-group--column">
|
| 303 |
<!--{assign var=key value="order_addr01"}-->
|
| 304 |
<label for="<!--{$key}-->">市区町村・町名</label>
|
| 305 |
<span class="c-width-80-percent">
|
| 306 |
<input type="text" class="c-textbox c-width-100-percent" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" />
|
| 307 |
</span>
|
| 308 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 309 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 310 |
</div>
|
| 311 |
<div class="c-form-group c-form-group--column">
|
| 312 |
<!--{assign var=key value="order_addr02"}-->
|
| 313 |
<label for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 314 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" />
|
| 315 |
<div class="c-form-attention c-form-attention--highlight">
|
| 316 |
部屋番号が記入されているかをご確認ください。<br>
|
| 317 |
記入がないとお届けできないことがあります。
|
| 318 |
</div>
|
| 319 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 320 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 321 |
</div>
|
| 322 |
</div>
|
| 323 |
</td>
|
| 324 |
</tr>
|
| 325 |
<tr>
|
| 326 |
<!--{assign var=key value="order_tel"}-->
|
| 327 |
<th>電話番号<span class="c-form-label-required">必須</span></th>
|
| 328 |
<td>
|
| 329 |
<div class="c-form-group c-form-group--row">
|
| 330 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" />
|
| 331 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 332 |
</div>
|
| 333 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 334 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 335 |
</td>
|
| 336 |
</tr>
|
| 337 |
<tr>
|
| 338 |
<!--{assign var=key value="order_email"}-->
|
| 339 |
<th>メールアドレス<span class="c-form-label-required">必須</span></th>
|
| 340 |
<td class="js-synchronize-multiple-fields">
|
| 341 |
<div class="c-form-groups c-form-groups--column">
|
| 342 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 343 |
<span class="c-width-90-percent">
|
| 344 |
<input type="email" class="c-textbox c-width-100-percent js-synchronize-multiple-fields__from js-efo-autocomplete-email-address__input" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />
|
| 345 |
</span>
|
| 346 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 347 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 348 |
</div>
|
| 349 |
<!--{assign var=key value="order_email_check"}-->
|
| 350 |
<!--{if $arrPageLayout.confirm_email != 1}-->
|
| 351 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 352 |
<span class="c-width-90-percent">
|
| 353 |
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
|
| 354 |
<input type="email" class="c-textbox c-width-100-percent js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />
|
| 355 |
</span>
|
| 356 |
<div class="c-form-attention c-form-attention--highlight">確認のため2度入力してください。</div>
|
| 357 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 358 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 359 |
</div>
|
| 360 |
<!--{/if}-->
|
| 361 |
</div>
|
| 362 |
<!--{if $arrPageLayout.confirm_email === 1}-->
|
| 363 |
<div
|
| 364 |
class="js-toggle-confirm-email c-form-group c-form-group--column c-confirm-email c-width-300"
|
| 365 |
data-first-input-name="order_email"
|
| 366 |
data-second-input-name="order_email_check">
|
| 367 |
<div class="c-confirm-email__display js-synchronize-multiple-fields__to"></div>
|
| 368 |
</div>
|
| 369 |
<!--{/if}-->
|
| 370 |
</td>
|
| 371 |
</tr>
|
| 372 |
<tr class="password-input-area" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 373 |
<!--{assign var=key value="password"}-->
|
| 374 |
<th>パスワード<span class="c-form-label-required">必須</span></th>
|
| 375 |
<td>
|
| 376 |
<div class="c-form-groups c-form-groups--column js-synchronize-multiple-fields">
|
| 377 |
<div class="c-form-group c-form-group--column">
|
| 378 |
<div class="c-form-group c-form-group--row">
|
| 379 |
<div class="c-password-textbox js-toggle-password">
|
| 380 |
<input type="password" class="c-textbox js-synchronize-multiple-fields__from" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="new-password" id="<!--{$key}-->"/>
|
| 381 |
<i class="c-password-textbox__icon"></i>
|
| 382 |
</div>
|
| 383 |
<span class="c-form-attention c-form-attention--inline"><b><!--{$password_rule.min_length}--></b>～<b><!--{$password_rule.max_length}--></b>文字の<!--{$password_format_list[$password_rule.rules]}--></span>
|
| 384 |
</div>
|
| 385 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 386 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 387 |
</div>
|
| 388 |
<!--{if $arrPageLayout.confirm_password != 1}-->
|
| 389 |
<!--{assign var=key value="password02"}-->
|
| 390 |
<div class="c-form-group c-form-group--column">
|
| 391 |
<div class="c-password-textbox js-toggle-password">
|
| 392 |
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
|
| 393 |
<input type="password" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" />
|
| 394 |
<i class="c-password-textbox__icon"></i>
|
| 395 |
</div>
|
| 396 |
<div class="c-form-attention c-form-attention--highlight">確認のため2度入力してください。</div>
|
| 397 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 398 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 399 |
</div>
|
| 400 |
<!--{/if}-->
|
| 401 |
</div>
|
| 402 |
<div class="c-form-attention"><span class="c-highlight">※購入履歴の確認などに使用します。</span></div>
|
| 403 |
</td>
|
| 404 |
</tr>
|
| 405 |
|
| 406 |
<tr>
|
| 407 |
<!--{assign var=key value="order_sex"}-->
|
| 408 |
<th>性別<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 409 |
<td>
|
| 410 |
<div id="order_sex_group" class="c-form-group c-form-group--row">
|
| 411 |
<div class="c-radio">
|
| 412 |
<input type="radio" name="<!--{$key}-->" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm[$key] == 1}--> checked="checked"<!--{/if}--> />
|
| 413 |
<label for="order_sex_male">男性</label>
|
| 414 |
</div>
|
| 415 |
<div class="c-radio">
|
| 416 |
<input type="radio" name="<!--{$key}-->" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm[$key] == 2}--> checked="checked"<!--{/if}--> />
|
| 417 |
<label for="order_sex_female">女性</label>
|
| 418 |
</div>
|
| 419 |
<div class="c-radio">
|
| 420 |
<input type="radio" name="<!--{$key}-->" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm[$key] == 0}--> checked="checked"<!--{/if}--> />
|
| 421 |
<label for="order_no_sex">未回答</label>
|
| 422 |
</div>
|
| 423 |
</div>
|
| 424 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 425 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 426 |
</td>
|
| 427 |
</tr>
|
| 428 |
|
| 429 |
<tr>
|
| 430 |
<th>生年月日<!--{if $req_setting.pc_birth == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 431 |
<td>
|
| 432 |
<div class="c-form-group c-form-group--row">
|
| 433 |
<div>
|
| 434 |
<input
|
| 435 |
class="c-textbox js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 436 |
name="birthday"
|
| 437 |
type="tel"
|
| 438 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 439 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 440 |
placeholder="19850525"
|
| 441 |
/>
|
| 442 |
</div>
|
| 443 |
<p class="c-form-attention c-form-attention--inline">1985年5月25日の場合、「19850525」を入力</p>
|
| 444 |
</div>
|
| 445 |
<span class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></span>
|
| 446 |
</td>
|
| 447 |
</tr>
|
| 448 |
</table>
|
| 449 |
</div>
|
| 450 |
</div>
|
| 451 |
<div class="c-lp-section">
|
| 452 |
<div class="delivery-check">
|
| 453 |
<div class="c-lp-section__title">
|
| 454 |
お届け先
|
| 455 |
<span class="c-form-label-required">必須</span>
|
| 456 |
</div>
|
| 457 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" <!--{if $deliv_check == 1}--> checked="checked"<!--{/if}--> style="display:none;"/>
|
| 458 |
<div class="c-form-group c-form-group--row">
|
| 459 |
<div class="c-select c-select--lg c-select--white">
|
| 460 |
<select id="deliv_check_select">
|
| 461 |
<option value="0" <!--{if $deliv_check != 1}--> selected<!--{/if}-->>お客様情報と同じ</option>
|
| 462 |
<option value="1" <!--{if $deliv_check == 1}--> selected<!--{/if}-->>別のお届け先を入力する</option>
|
| 463 |
</select>
|
| 464 |
<i></i>
|
| 465 |
</div>
|
| 466 |
</div>
|
| 467 |
</div>
|
| 468 |
</div>
|
| 469 |
</div>
|
| 470 |
<!--{/if}-->
|
| 471 |
|
| 472 |
<!--{* お客様情報 *}-->
|
| 473 |
<!--{if $register == 2}-->
|
| 474 |
<div class="p-lp__address">
|
| 475 |
<div class="c-lp-section">
|
| 476 |
<div class="c-lp-section__title">お客様情報</div>
|
| 477 |
<div class="c-table">
|
| 478 |
<table summary="ログイン済みユーザー" class="c-table__align-left">
|
| 479 |
<tr>
|
| 480 |
<th class="c-width-300">お名前</th>
|
| 481 |
<td colspan="2"><!--{$arrCustomer.order_name01}--> <!--{$arrCustomer.order_name02}--> (<!--{$arrCustomer.order_kana01}--> <!--{$arrCustomer.order_kana02}-->)</td>
|
| 482 |
</tr>
|
| 483 |
<tr>
|
| 484 |
<th>郵便番号</th>
|
| 485 |
<td colspan="2">〒<!--{$arrCustomer.order_zip01}-->-<!--{$arrCustomer.order_zip02}--></td>
|
| 486 |
</tr>
|
| 487 |
<tr>
|
| 488 |
<th>ご住所</th>
|
| 489 |
<td colspan="2"><!--{$arrPref[$arrCustomer.order_pref]}--><!--{$arrCustomer.order_addr01}--><!--{$arrCustomer.order_addr02}--></td>
|
| 490 |
</tr>
|
| 491 |
<tr>
|
| 492 |
<th>電話番号</th>
|
| 493 |
<td colspan="2"><!--{$arrCustomer.order_tel01}-->-<!--{$arrCustomer.order_tel02}-->-<!--{$arrCustomer.order_tel03}--></td>
|
| 494 |
</tr>
|
| 495 |
<!--{if $arrPageLayout.needs_completion == 1}-->
|
| 496 |
<tr>
|
| 497 |
<!--{if !$arrCustomer.order_sex}-->
|
| 498 |
<th>性別<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 499 |
<td colspan="2">
|
| 500 |
<span class="c-form-error-message"><!--{$arrErr.order_sex nofilter}--></span>
|
| 501 |
<!--{assign var=key value="order_sex"}-->
|
| 502 |
<div id="order_sex_group">
|
| 503 |
<div class="c-form-group c-form-group--row">
|
| 504 |
<div class="c-radio">
|
| 505 |
<input type="radio" name="order_sex" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm.order_sex == 1}--> checked="checked"<!--{/if}--> />
|
| 506 |
<label for="order_sex_male">男性</label>
|
| 507 |
</div>
|
| 508 |
<div class="c-radio">
|
| 509 |
<input type="radio" name="order_sex" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm.order_sex == 2}--> checked="checked"<!--{/if}--> />
|
| 510 |
<label for="order_sex_female">女性</label>
|
| 511 |
</div>
|
| 512 |
<div class="c-radio">
|
| 513 |
<input type="radio" name="order_sex" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm.order_sex == 0}--> checked="checked"<!--{/if}--> />
|
| 514 |
<label for="order_no_sex">未回答</label>
|
| 515 |
</div>
|
| 516 |
</div>
|
| 517 |
</div>
|
| 518 |
</td>
|
| 519 |
<!--{/if}-->
|
| 520 |
</tr>
|
| 521 |
<tr>
|
| 522 |
<!--{if !$arrCustomer.order_birth}-->
|
| 523 |
<th>生年月日<!--{if $req_setting.pc_birth == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}--></th>
|
| 524 |
<td colspan="2">
|
| 525 |
<div class="c-form-group c-form-group--row">
|
| 526 |
<div>
|
| 527 |
<input
|
| 528 |
class="c-textbox js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 529 |
name="birthday"
|
| 530 |
type="tel"
|
| 531 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 532 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 533 |
placeholder="19850525"
|
| 534 |
/>
|
| 535 |
</div>
|
| 536 |
<p class="c-form-attention c-form-attention--inline">1985年5月25日の場合、「19850525」を入力</p>
|
| 537 |
</div>
|
| 538 |
<span class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></span>
|
| 539 |
</td>
|
| 540 |
<!--{/if}-->
|
| 541 |
</tr>
|
| 542 |
<!--{/if}-->
|
| 543 |
</table>
|
| 544 |
</div>
|
| 545 |
</div>
|
| 546 |
<div class="c-lp-section">
|
| 547 |
<div class="change-address">
|
| 548 |
<div class="c-lp-section__title">
|
| 549 |
お届け先<span class="c-form-label-required">必須</span>
|
| 550 |
</div>
|
| 551 |
<div class="c-form-group c-form-group--row">
|
| 552 |
<div class="c-select c-select--lg c-select--white">
|
| 553 |
<select id="address-select">
|
| 554 |
<option value="no_change">お客様情報と同じ</option>
|
| 555 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 556 |
<option value="other_address">別のお届け先を入力する</option>
|
| 557 |
</select>
|
| 558 |
<i></i>
|
| 559 |
</div>
|
| 560 |
</div>
|
| 561 |
<div class="address-data-area">
|
| 562 |
<!-- {* 配送先 *} -->
|
| 563 |
<select name="other_deliv_id" id="other_deliv_id">
|
| 564 |
<option value="">配送先を選択して下さい</option>
|
| 565 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 566 |
</select>
|
| 567 |
<!-- {* 上記と別のご住所へお届けする *} -->
|
| 568 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check"<!--{if $deliv_check == 1}--> checked="checked"<!--{/if}--> />
|
| 569 |
</div>
|
| 570 |
</div>
|
| 571 |
</div>
|
| 572 |
</div>
|
| 573 |
<!--{/if}-->
|
| 574 |
<div class="p-lp__other-address">
|
| 575 |
<div class="c-lp-section c-lp-section--blue deliv_other" <!--{if $deliv_check != 1}--> style="display:none;"<!--{/if}-->>
|
| 576 |
<div class="c-table">
|
| 577 |
<table summary="別のお届け先" class="c-table__align-left" id="deliv_check_area">
|
| 578 |
<tr>
|
| 579 |
<th class="c-width-300">お名前<span class="c-form-label-required">必須</span></th>
|
| 580 |
<td>
|
| 581 |
<!--{assign var=key1 value="deliv_name01"}-->
|
| 582 |
<!--{assign var=key2 value="deliv_name02"}-->
|
| 583 |
<div class="c-form-groups c-form-groups--row">
|
| 584 |
<div class="c-form-group c-form-group--row">
|
| 585 |
<label class="c-form-label" for="<!--{$key1}-->">姓</label>
|
| 586 |
<input type="text" class="c-textbox" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" />
|
| 587 |
</div>
|
| 588 |
<div class="c-form-group c-form-group--row">
|
| 589 |
<label class="c-form-label" for="<!--{$key2}-->">名</label>
|
| 590 |
<input type="text" class="c-textbox" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" />
|
| 591 |
</div>
|
| 592 |
</div>
|
| 593 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 594 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 595 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 596 |
</td>
|
| 597 |
</tr>
|
| 598 |
<tr>
|
| 599 |
<th>お名前（フリガナ）<span class="c-form-label-required">必須</span></th>
|
| 600 |
<td>
|
| 601 |
<!--{assign var=key1 value="deliv_kana01"}-->
|
| 602 |
<!--{assign var=key2 value="deliv_kana02"}-->
|
| 603 |
<div class="c-form-groups c-form-groups--row">
|
| 604 |
<div class="c-form-group c-form-group--row">
|
| 605 |
<label class="c-form-label" for="<!--{$key1}-->">セイ</label>
|
| 606 |
<input type="text" class="c-textbox" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->"/>
|
| 607 |
</div>
|
| 608 |
<div class="c-form-group c-form-group--row">
|
| 609 |
<label class="c-form-label" for="<!--{$key2}-->">メイ</label>
|
| 610 |
<input type="text" class="c-textbox" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->"/>
|
| 611 |
</div>
|
| 612 |
</div>
|
| 613 |
</div>
|
| 614 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 615 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 616 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 617 |
</td>
|
| 618 |
</tr>
|
| 619 |
<tr>
|
| 620 |
<!--{assign var=key value="deliv_zip"}-->
|
| 621 |
<th>郵便番号<span class="c-form-label-required">必須</span></th>
|
| 622 |
<td>
|
| 623 |
<div class="c-form-group c-form-group--row">
|
| 624 |
<label class="c-form-label" for="<!--{$key}-->">〒</label>
|
| 625 |
<div>
|
| 626 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->"/>
|
| 627 |
</div>
|
| 628 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 629 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="deliv_zip" data-fill-address-pref="deliv_pref" data-fill-address-address1="deliv_addr01" data-fill-address-address2="deliv_addr02">〒検索はこちら</button>
|
| 630 |
</div>
|
| 631 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 632 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 633 |
</td>
|
| 634 |
</tr>
|
| 635 |
<tr>
|
| 636 |
<!--{assign var=key value="deliv_pref"}-->
|
| 637 |
<th>ご住所<span class="c-form-label-required">必須</span></th>
|
| 638 |
<td>
|
| 639 |
<div class="c-form-groups c-form-groups--column">
|
| 640 |
<div class="c-form-group c-form-group--column">
|
| 641 |
<label for="<!--{$key}-->">都道府県</label>
|
| 642 |
<div class="c-select c-select--sm">
|
| 643 |
<select name="<!--{$key}-->" id="<!--{$key}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->">
|
| 644 |
<option value="">都道府県を選択</option>
|
| 645 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 646 |
</select>
|
| 647 |
<i></i>
|
| 648 |
</div>
|
| 649 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 650 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 651 |
</div>
|
| 652 |
<div class="c-form-group c-form-group--column">
|
| 653 |
<!--{assign var=key value="deliv_addr01"}-->
|
| 654 |
<label for="<!--{$key}-->">市区町村・町名</label>
|
| 655 |
<span class="c-width-80-percent">
|
| 656 |
<input type="text" class="c-textbox c-width-100-percent" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" />
|
| 657 |
</span>
|
| 658 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 659 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 660 |
</div>
|
| 661 |
<div class="c-form-group c-form-group--column">
|
| 662 |
<!--{assign var=key value="deliv_addr02"}-->
|
| 663 |
<label for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 664 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" />
|
| 665 |
<p class="c-form-attention c-form-attention--highlight">部屋番号まで記入されているかをご確認ください。記入がないと配達できないことがあります。</p>
|
| 666 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 667 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 668 |
</div>
|
| 669 |
</div>
|
| 670 |
</td>
|
| 671 |
</tr>
|
| 672 |
<tr>
|
| 673 |
<!--{assign var=key value="deliv_tel"}-->
|
| 674 |
<th>電話番号<span class="c-form-label-required">必須</span></th>
|
| 675 |
<td>
|
| 676 |
<div class="c-form-group c-form-group--row">
|
| 677 |
<input type="text" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->"/>
|
| 678 |
<div class="c-form-attention c-form-attention--inline">ハイフンなしで入力</div>
|
| 679 |
</div>
|
| 680 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 681 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 682 |
</td>
|
| 683 |
</tr>
|
| 684 |
</table>
|
| 685 |
</div>
|
| 686 |
</div>
|
| 687 |
</div>
|
| 688 |
|
| 689 |
<div class="js-c-bundle-combination__hidden_until_all_requirements_are_fulfilled">
|
| 690 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 691 |
<!--{if $view_coupon_form}-->
|
| 692 |
<!--{* クーポン *}-->
|
| 693 |
<div class="p-lp__coupon" id="coupon_area" style="display:none;">
|
| 694 |
<div class="c-lp-section">
|
| 695 |
<div class="c-lp-section__title">
|
| 696 |
クーポン
|
| 697 |
<span class="c-form-label-optional">任意</span>
|
| 698 |
</div>
|
| 699 |
<table class="c-width-40-percent">
|
| 700 |
<tr>
|
| 701 |
<td id="entry_coupon_td">
|
| 702 |
<div class="c-input-form c-input-form--lg">
|
| 703 |
<input type="text" name="coupon_code" value="" id="coupon_code" placeholder="クーポンコードを入力"/>
|
| 704 |
<button type="button" id="check_coupon_code" class="c-button c-button--s c-button--default">
|
| 705 |
<span class="c-button__text">適用</span>
|
| 706 |
<div class="c-button__loader"></div>
|
| 707 |
</button>
|
| 708 |
</div>
|
| 709 |
</td>
|
| 710 |
<td id="view_coupon_td" style="display:none;">
|
| 711 |
<div class="c-input-form c-input-form--lg">
|
| 712 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 713 |
<button type="button" id="remove_coupon_code" class="c-button c-button--s c-button--secondary">
|
| 714 |
<span class="c-button__text">解除</span>
|
| 715 |
<div class="c-button__loader"></div>
|
| 716 |
</button>
|
| 717 |
</div>
|
| 718 |
</td>
|
| 719 |
</tr>
|
| 720 |
<tr id="coupon_discount_tr" style="display:none;">
|
| 721 |
<th>値引き金額</th>
|
| 722 |
<td colspan="2"><span id="discount"></span>円値引き</td>
|
| 723 |
</tr>
|
| 724 |
</table>
|
| 725 |
<div id="coupon_code_error" class="c-form-error-message"></div>
|
| 726 |
</div>
|
| 727 |
</div>
|
| 728 |
<!--{/if}-->
|
| 729 |
|
| 730 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 731 |
<!--{if $register == 2 && $point_flg != 2}-->
|
| 732 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 733 |
<div class="c-lp-section">
|
| 734 |
<div class="c-lp-section__title">
|
| 735 |
ポイント使用
|
| 736 |
<span class="c-form-label-optional">任意</span>
|
| 737 |
</div>
|
| 738 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 739 |
<div class="point-info">
|
| 740 |
<div class="point-info__row">
|
| 741 |
<div class="point-info__header">
|
| 742 |
今回ご購入合計金額：<br>
|
| 743 |
<small>（送料、手数料を含みません）</small>
|
| 744 |
</div>
|
| 745 |
<div class="point-info__data">
|
| 746 |
<span id="price"></span>
|
| 747 |
</div>
|
| 748 |
</div>
|
| 749 |
<div class="point-info__row">
|
| 750 |
<div class="point-info__header">所持ポイント:</div>
|
| 751 |
<div class="point-info__data">
|
| 752 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 753 |
</div>
|
| 754 |
</div>
|
| 755 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 756 |
<div class="point-info__row">
|
| 757 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 758 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 759 |
</div>
|
| 760 |
<!--{/if}-->
|
| 761 |
<div class="point-info__row point-input-row">
|
| 762 |
<div class="point-info__header">利用ポイント:</div>
|
| 763 |
<div class="point-info__data">
|
| 764 |
<!--{assign var=key value="use_point"}-->
|
| 765 |
<input
|
| 766 |
type="number"
|
| 767 |
name="<!--{$key}-->"
|
| 768 |
value="0"
|
| 769 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-select-at-focus"
|
| 770 |
size="6"
|
| 771 |
min="0"
|
| 772 |
/> pt
|
| 773 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 774 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 775 |
</div>
|
| 776 |
</div>
|
| 777 |
</div>
|
| 778 |
<input type="radio" id="point_on" name="point_check" value="1" style="display: none;" checked/>
|
| 779 |
<input type="radio" id="point_off" name="point_check" value="2" style="display: none;"/>
|
| 780 |
</div>
|
| 781 |
</div>
|
| 782 |
<!--{/if}-->
|
| 783 |
|
| 784 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 785 |
<div class="p-lp__payment" id="payment_area" style="display:none;" data-qa="container-payment">
|
| 786 |
<div class="c-lp-section">
|
| 787 |
<div class="c-lp-section__title">
|
| 788 |
お支払い方法
|
| 789 |
<span class="c-form-label-required">必須</span>
|
| 790 |
</div>
|
| 791 |
<!--{* ↓このspan内にお支払い方法のラジオボタン群が表示されます↓ *}-->
|
| 792 |
<span id="payment_methods"></span>
|
| 793 |
<!--{* ↑このspan内にお支払い方法のラジオボタン群が表示されます↑ *}-->
|
| 794 |
|
| 795 |
<!--{* カード登録について
|
| 796 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 797 |
*}-->
|
| 798 |
<!--{assign var=registered_change value=false}-->
|
| 799 |
|
| 800 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 801 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 802 |
</div>
|
| 803 |
</div>
|
| 804 |
|
| 805 |
<div class="p-lp__regular">
|
| 806 |
<!--{* 商品が選択された状態で、それが定期商品であれば、以下が自動的に表示されます。未選択や非定期商品選択時は消えます *}-->
|
| 807 |
<div id="regular_product_area" style="<!--{if !$regular_product }--> display: none;<!--{/if}-->">
|
| 808 |
<input type="checkbox" name="regular" value="1" id="regular"<!--{if ($regular_product && $reg_flg == 1) || ($regular_product && $no_regular == 0)}--> checked="checked" <!--{/if}-->/>
|
| 809 |
</div>
|
| 810 |
|
| 811 |
<!--{* 上記の「定期購入を希望する」をチェックしてる場合のみ表示されます。それ以外は消えます *}-->
|
| 812 |
<div id="regular-deliv_area" style="display:none;">
|
| 813 |
<div class="c-lp-section">
|
| 814 |
<div class="c-lp-section__title">
|
| 815 |
お届け間隔の指定
|
| 816 |
<span class="c-form-label-required">必須</span>
|
| 817 |
</div>
|
| 818 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 819 |
<span id="regular_cycle_area"></span>
|
| 820 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 821 |
</div>
|
| 822 |
</div>
|
| 823 |
</div>
|
| 824 |
|
| 825 |
<div class="p-lp__delivery">
|
| 826 |
<div id="deliv_datetime_area" style="display:none;">
|
| 827 |
<div class="c-lp-section">
|
| 828 |
<div class="c-lp-section__title">お届け希望日時</div>
|
| 829 |
<!--{* ↓このdiv内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↓ *}-->
|
| 830 |
<div id="deliv_time_area"></div>
|
| 831 |
<!--{* ↑このdiv内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↑ *}-->
|
| 832 |
</div>
|
| 833 |
</div>
|
| 834 |
</div>
|
| 835 |
|
| 836 |
<!--{* お問い合わせ欄を設置したい場合はコメントアウトを外してください *}-->
|
| 837 |
<!--
|
| 838 |
<div class="p-lp__other">
|
| 839 |
<div class="c-lp-section">
|
| 840 |
<div class="c-lp-section__title">
|
| 841 |
その他お問い合わせ
|
| 842 |
<span class="c-form-label-optional">任意</span>
|
| 843 |
</div>
|
| 844 |
<!--{assign var=key value="message"}-->
|
| 845 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 846 |
<textarea name="<!--{$key}-->" class="c-textarea" cols="80" rows="8" placeholder="ご質問、ご要望などございましたらご自由にご入力ください。"><!--{$arrForm[$key]}--></textarea>
|
| 847 |
<p class="c-form-attention">(<!--{$smarty.const.LTEXT_LEN}-->文字まで)</p>
|
| 848 |
</div>
|
| 849 |
</div>
|
| 850 |
-->
|
| 851 |
|
| 852 |
<!-- /.js-c-bundle-product__hidden_until_all_requirements_are_fulfilled -->
|
| 853 |
</div>
|
| 854 |
|
| 855 |
<!--{* 顧客アンケート *}-->
|
| 856 |
<!--{if 'v3_survey'|get_option_use_flg}-->
|
| 857 |
<div class="p-lp__survey js-survey-section" style="display: none;">
|
| 858 |
<div class="c-lp-section">
|
| 859 |
<div class="c-lp-section__title">アンケート</div>
|
| 860 |
<div class="js-survey c-survey"></div>
|
| 861 |
</div>
|
| 862 |
</div>
|
| 863 |
|
| 864 |
<!--{assign var=survey value=$arrForm['survey']|@to_json}-->
|
| 865 |
<!--{if $survey && $survey !== 'null'}-->
|
| 866 |
<script type="application/json" id="js-survey-json">
|
| 867 |
<!--{$survey nofilter}-->
|
| 868 |
</script>
|
| 869 |
<!--{/if}-->
|
| 870 |
<!--{/if}-->
|
| 871 |
|
| 872 |
<!--{* 個人情報のお取り扱いについて *}-->
|
| 873 |
<div class="p-lp__consent">
|
| 874 |
<div class="c-lp-section">
|
| 875 |
<div class="c-lp-section__title c-lp-section__title--center">
|
| 876 |
個人情報のお取り扱いについて
|
| 877 |
<span class="c-form-label-required">必須</span>
|
| 878 |
</div>
|
| 879 |
<ul class="privacy-check-list">
|
| 880 |
<!--{if $register != 2}--><!--{* 非ログイン時のみ表示されます *}-->
|
| 881 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 882 |
<input type="hidden" name="mailmaga_flg" value="1">
|
| 883 |
<!--{else}-->
|
| 884 |
<li>
|
| 885 |
<div class="c-checkbox">
|
| 886 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1" <!--{if $arrForm.mailmaga_flg == 1}-->checked="checked"<!--{/if}--> />
|
| 887 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 888 |
</div>
|
| 889 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 890 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 891 |
</li>
|
| 892 |
<!--{/if}-->
|
| 893 |
<!--{/if}-->
|
| 894 |
<li>
|
| 895 |
<!--{assign var=key value="agree"}-->
|
| 896 |
<div class="privacy-check-list__group">
|
| 897 |
<div style="display:none;" id="rule_text_area">
|
| 898 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 899 |
</div>
|
| 900 |
<p>ご購入前に<button type="button" class="c-link" id="rule_text_link">利用規約</button>を必ずお読み下さい。</p>
|
| 901 |
<div class="c-checkbox agree-check">
|
| 902 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" />
|
| 903 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 904 |
</div>
|
| 905 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 906 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 907 |
</div>
|
| 908 |
</li>
|
| 909 |
</ul>
|
| 910 |
</div>
|
| 911 |
</div>
|
| 912 |
|
| 913 |
<!--{*確認ページスキップがオンの場合、簡易確認フォームを表示 lp.tsに依存 *}-->
|
| 914 |
<!--{if $skip_confirm_page_flg}-->
|
| 915 |
<div class="p-lp__confirm">
|
| 916 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 917 |
<div class="js-confirm-section c-lp-section" style="display:none;">
|
| 918 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 919 |
|
| 920 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 921 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます（ポイントは使用されません）<br>
|
| 922 |
ポイントを使用したい場合、クーポンを解除してください
|
| 923 |
</div>
|
| 924 |
|
| 925 |
<!--商品一覧 表示領域-->
|
| 926 |
<div class="confirm-products">
|
| 927 |
<div class="c-table">
|
| 928 |
<table>
|
| 929 |
<tr>
|
| 930 |
<th>商品名</th>
|
| 931 |
<th>単価</th>
|
| 932 |
<th>数量</th>
|
| 933 |
<th>小計</th>
|
| 934 |
</tr>
|
| 935 |
<tbody id="js-confirm-products"></tbody>
|
| 936 |
</table>
|
| 937 |
</div>
|
| 938 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 939 |
</div>
|
| 940 |
<!--商品一覧 テンプレート-->
|
| 941 |
<table style="display:none;">
|
| 942 |
<tbody id="tmp-confirm-products">
|
| 943 |
<tr>
|
| 944 |
<td>
|
| 945 |
{{product_name}}
|
| 946 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 947 |
<span class="class-category">{{class}}</span>
|
| 948 |
<template class="tmp-confirm-products-bundle-parts-product">
|
| 949 |
<div>└ {{parts_product_name}}</div>
|
| 950 |
</template>
|
| 951 |
</td>
|
| 952 |
<td class="c-table__align-right">{{price}}円</td>
|
| 953 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 954 |
<td class="c-table__align-right">{{subtotal}}円<br>{{code_coupon_limit}}</td>
|
| 955 |
</tr>
|
| 956 |
</tbody>
|
| 957 |
</table>
|
| 958 |
|
| 959 |
<!--タイムセール期限 表示領域-->
|
| 960 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 961 |
<div class="c-table">
|
| 962 |
<table>
|
| 963 |
<tr>
|
| 964 |
<th colspan="2">タイムセール期限</th>
|
| 965 |
<tbody id="js-confirm-timesale"></tbody>
|
| 966 |
</tr>
|
| 967 |
</table>
|
| 968 |
</div>
|
| 969 |
</div>
|
| 970 |
<!--タイムセール期限 テンプレート-->
|
| 971 |
<table style="display:none">
|
| 972 |
<tbody id="tmp-confirm-timesale">
|
| 973 |
<tr>
|
| 974 |
<td>{{product_name}}</td>
|
| 975 |
<td>{{timesales_end_date}}</td>
|
| 976 |
</tr>
|
| 977 |
</tbody>
|
| 978 |
</table>
|
| 979 |
|
| 980 |
<div class="confirm-content">
|
| 981 |
<!--購入者情報-->
|
| 982 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 983 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 984 |
<table class="c-table__align-left">
|
| 985 |
<tr>
|
| 986 |
<th class="c-width-140">お名前</th>
|
| 987 |
<td>
|
| 988 |
{{join_name}}
|
| 989 |
<button type="button" class="js-confirm-change-name js-confirm-change c-link confirm-change" data-target-selector="#lp-not-login">変更</button>
|
| 990 |
</td>
|
| 991 |
</tr>
|
| 992 |
<tr>
|
| 993 |
<th>お届け先</th>
|
| 994 |
<td>
|
| 995 |
{{join_shipping}}
|
| 996 |
<button type="button" class="js-confirm-change-shipping js-confirm-change c-link confirm-change" data-target-selector=".p-lp__address">変更</button>
|
| 997 |
</td>
|
| 998 |
</tr>
|
| 999 |
<tr>
|
| 1000 |
<th>電話番号</th>
|
| 1001 |
<td>{{deliv_tel}}</td>
|
| 1002 |
</tr>
|
| 1003 |
<tr class="js-confirm-deliver-date">
|
| 1004 |
<th>お届け指定日</th>
|
| 1005 |
<td>
|
| 1006 |
{{delivery_date}}
|
| 1007 |
<span class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</span>
|
| 1008 |
<span class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</span>
|
| 1009 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1010 |
</td>
|
| 1011 |
</tr>
|
| 1012 |
<tr class="js-confirm-deliver-time">
|
| 1013 |
<th>お届け時間</th>
|
| 1014 |
<td>
|
| 1015 |
{{delivery_time}}
|
| 1016 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1017 |
</td>
|
| 1018 |
</tr>
|
| 1019 |
<tr class="js-confirm-deliver-cycle">
|
| 1020 |
<th>お届け指定間隔</th>
|
| 1021 |
<td>
|
| 1022 |
{{delivery_cycle}}
|
| 1023 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__regular">変更</button>
|
| 1024 |
</td>
|
| 1025 |
</tr>
|
| 1026 |
<tr class="js-confirm-regular-extra-interval">
|
| 1027 |
<th></th>
|
| 1028 |
<td>
|
| 1029 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 1030 |
</td>
|
| 1031 |
</tr>
|
| 1032 |
<tr>
|
| 1033 |
<th>お支払い方法</th>
|
| 1034 |
<td>
|
| 1035 |
{{payment_method}}
|
| 1036 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__payment">変更</button>
|
| 1037 |
</td>
|
| 1038 |
</tr>
|
| 1039 |
<tr class="js-confirm-customer-payment-deadline">
|
| 1040 |
<th>お支払い期限</th>
|
| 1041 |
<td>{{payment_deadline}}</td>
|
| 1042 |
</tr>
|
| 1043 |
<tr class="js-confirm-message">
|
| 1044 |
<th>その他お問い合わせ</th>
|
| 1045 |
<td>{{message}}</td>
|
| 1046 |
</tr>
|
| 1047 |
</table>
|
| 1048 |
</div>
|
| 1049 |
|
| 1050 |
<!--変動サイクル テンプレート-->
|
| 1051 |
<template id="tmp-confirm-regular-extra-interval">
|
| 1052 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 1053 |
</template>
|
| 1054 |
|
| 1055 |
<div class="confirm-payment">
|
| 1056 |
<!--商品合計・手数料・送料 表示領域-->
|
| 1057 |
<div id="js-confirm-payment"></div>
|
| 1058 |
<!--税額 表示領域-->
|
| 1059 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 1060 |
</div>
|
| 1061 |
</div>
|
| 1062 |
|
| 1063 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 1064 |
<div id="tmp-confirm-payment" style="display:none;" data-qa="container-order-info">
|
| 1065 |
<table>
|
| 1066 |
<tr>
|
| 1067 |
<th>商品(税込)</th>
|
| 1068 |
<td>{{subtotal}}円</td>
|
| 1069 |
</tr>
|
| 1070 |
|
| 1071 |
<tr>
|
| 1072 |
<th>送料(税込)</th>
|
| 1073 |
<td>{{deliv_fee}}円</td>
|
| 1074 |
</tr>
|
| 1075 |
<tr>
|
| 1076 |
<th>手数料(税込)</th>
|
| 1077 |
<td>{{charge}}円</td>
|
| 1078 |
</tr>
|
| 1079 |
<tr class="js-confirm-relay-fee">
|
| 1080 |
<th>離島手数料(税込)</th>
|
| 1081 |
<td>{{relay_fee}}円</td>
|
| 1082 |
</tr>
|
| 1083 |
<tr class="js-confirm-discount">
|
| 1084 |
<th>クーポン値引き金額</th>
|
| 1085 |
<td data-qa="text-coupon-discount-price">-{{coupon_discount}}円</td>
|
| 1086 |
</tr>
|
| 1087 |
<tr class="js-confirm-use-point">
|
| 1088 |
<th>ポイント値引き金額</th>
|
| 1089 |
<td>-{{use_point}}円</td>
|
| 1090 |
</tr>
|
| 1091 |
<tbody class="js-sending-data"></tbody>
|
| 1092 |
<tr class="confirm-payment__total">
|
| 1093 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 1094 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 1095 |
</tr>
|
| 1096 |
<tr class="js-confirm-add-point">
|
| 1097 |
<th>今回加算されるポイント</th>
|
| 1098 |
<td class="js-confirm-add-point-label">{{add_point}}</td>
|
| 1099 |
<td class="js-confirm-add-point-regular-label">{{add_point_regular}}</td>
|
| 1100 |
</tr>
|
| 1101 |
</table>
|
| 1102 |
</div>
|
| 1103 |
<!--税額 テンプレート-->
|
| 1104 |
<ul id="tmp-taxes" style="display:none;">
|
| 1105 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 1106 |
</ul>
|
| 1107 |
<!--発送元特別送料 テンプレート-->
|
| 1108 |
<template id="tmp-sending-data">
|
| 1109 |
<tr>
|
| 1110 |
<th>{{service}}</th>
|
| 1111 |
<td>{{cost}}円</td>
|
| 1112 |
</tr>
|
| 1113 |
</template>
|
| 1114 |
|
| 1115 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 1116 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 1117 |
<!--定期詳細一覧 表示領域-->
|
| 1118 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 1119 |
<!--送料・手数料 表示領域-->
|
| 1120 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 1121 |
|
| 1122 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 1123 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 1124 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 1125 |
</div>
|
| 1126 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 1127 |
<div class="confirm-return">
|
| 1128 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 1129 |
</div>
|
| 1130 |
|
| 1131 |
<!--定期詳細一覧 テンプレート-->
|
| 1132 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 1133 |
<div class="confirm-regular-detail">
|
| 1134 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 1135 |
<div class="confirm-regular-detail__list">
|
| 1136 |
<div class="c-table">
|
| 1137 |
<table>
|
| 1138 |
<tr>
|
| 1139 |
<th>回数</th>
|
| 1140 |
<th>商品名</th>
|
| 1141 |
<th>数量</th>
|
| 1142 |
<th>小計</th>
|
| 1143 |
</tr>
|
| 1144 |
<tbody class="js-confirm-regular-detail__list"></tbody>
|
| 1145 |
</table>
|
| 1146 |
</div>
|
| 1147 |
</div>
|
| 1148 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 1149 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 1150 |
</div>
|
| 1151 |
</div>
|
| 1152 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 1153 |
<table style="display:none">
|
| 1154 |
<tbody id="tmp-confirm-regular-detail__row">
|
| 1155 |
<tr>
|
| 1156 |
<td class="c-table__align-center"><span class="detail-content__count">{{count}}回目</span></td>
|
| 1157 |
<td>
|
| 1158 |
{{product_name}}
|
| 1159 |
</td>
|
| 1160 |
<td class="c-table__align-center"><span class="detail-content__quantity">{{quantity}}</span></td>
|
| 1161 |
<td class="c-table__align-right"><span>{{subtotal}}円</span></td>
|
| 1162 |
</tr>
|
| 1163 |
</tbody>
|
| 1164 |
</table>
|
| 1165 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 1166 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 1167 |
<div class="c-table">
|
| 1168 |
<table class="c-table__align-left">
|
| 1169 |
<tr>
|
| 1170 |
<th>値引き金額総合計</th>
|
| 1171 |
<td class="c-table__align-right">{{total_amount_detail_discount}}円</td>
|
| 1172 |
</tr>
|
| 1173 |
<tr>
|
| 1174 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 1175 |
<td class="c-table__align-right">{{total_amount_detail_total}}円</td>
|
| 1176 |
</tr>
|
| 1177 |
<tr>
|
| 1178 |
<th>お届けサイクル</th>
|
| 1179 |
<td colspan="3">{{date_text}}にお届け予定</td>
|
| 1180 |
</tr>
|
| 1181 |
<tr>
|
| 1182 |
<th>お届け回数</th>
|
| 1183 |
<td colspan="3">{{display_regular_repeat_count}}</td>
|
| 1184 |
</tr>
|
| 1185 |
</table>
|
| 1186 |
</div>
|
| 1187 |
</div>
|
| 1188 |
|
| 1189 |
<!--送料・手数料 テンプレート-->
|
| 1190 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 1191 |
<div>定期コース送料・手数料一覧</div>
|
| 1192 |
<div class="c-table">
|
| 1193 |
<table>
|
| 1194 |
<tr>
|
| 1195 |
<th>回数</th>
|
| 1196 |
<th>送料</th>
|
| 1197 |
<th>手数料</th>
|
| 1198 |
<th>合計</th>
|
| 1199 |
</tr>
|
| 1200 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 1201 |
</table>
|
| 1202 |
</div>
|
| 1203 |
</div>
|
| 1204 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 1205 |
<table style="display:none;">
|
| 1206 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 1207 |
<tr>
|
| 1208 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 1209 |
<td>{{deliv_fee}}円</td>
|
| 1210 |
<td>{{charge}}円</td>
|
| 1211 |
<td class="c-table__align-right">{{total}}円</td>
|
| 1212 |
</tr>
|
| 1213 |
</tbody>
|
| 1214 |
</table>
|
| 1215 |
|
| 1216 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 1217 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 1218 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 1219 |
<div class="c-table total-table">
|
| 1220 |
<table>
|
| 1221 |
<tr>
|
| 1222 |
<th>回数</th>
|
| 1223 |
<th>商品</th>
|
| 1224 |
<th>送料/手数料</th>
|
| 1225 |
<th>合計</th>
|
| 1226 |
</tr>
|
| 1227 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 1228 |
</table>
|
| 1229 |
</div>
|
| 1230 |
</div>
|
| 1231 |
|
| 1232 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 1233 |
<table style="display:none;">
|
| 1234 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 1235 |
<tr>
|
| 1236 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 1237 |
<td>
|
| 1238 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 1239 |
</td>
|
| 1240 |
<td class="c-table__align-right">
|
| 1241 |
<div>手数料：{{charge}}円</div>
|
| 1242 |
<div>送料：{{deliv_fee}}円</div>
|
| 1243 |
</td>
|
| 1244 |
<td class="c-table__align-right">{{total}}円</td>
|
| 1245 |
</tr>
|
| 1246 |
</tbody>
|
| 1247 |
</table>
|
| 1248 |
|
| 1249 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 1250 |
<div style="display:none;">
|
| 1251 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 1252 |
<div>
|
| 1253 |
<div class="product-summary">
|
| 1254 |
<div>
|
| 1255 |
{{product_name}}
|
| 1256 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 1257 |
{{product_category}} 数量：{{product_quantity}}
|
| 1258 |
</span>
|
| 1259 |
</div>
|
| 1260 |
<div>
|
| 1261 |
{{product_subtotal}}円
|
| 1262 |
</div>
|
| 1263 |
</div>
|
| 1264 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 1265 |
</div>
|
| 1266 |
</div>
|
| 1267 |
</div>
|
| 1268 |
|
| 1269 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 1270 |
<div style="display:none;">
|
| 1271 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 1272 |
<div>└{{product_name}} {{product_category}} 数量：{{product_quantity}}</div>
|
| 1273 |
</div>
|
| 1274 |
</div>
|
| 1275 |
|
| 1276 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 1277 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 1278 |
<div class="c-table">
|
| 1279 |
<table class="c-table__align-left">
|
| 1280 |
<tr>
|
| 1281 |
<th>商品個数合計</th>
|
| 1282 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 1283 |
</tr>
|
| 1284 |
<tr>
|
| 1285 |
<th>
|
| 1286 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 1287 |
<span>商品 / 送料・手数料総額</span>
|
| 1288 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 1289 |
</th>
|
| 1290 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 1291 |
</tr>
|
| 1292 |
</table>
|
| 1293 |
</div>
|
| 1294 |
</div>
|
| 1295 |
|
| 1296 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 1297 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 1298 |
<!--商品が複数ある場合使用-->
|
| 1299 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 1300 |
<!--商品が1つの場合使用-->
|
| 1301 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 1302 |
</div>
|
| 1303 |
</div>
|
| 1304 |
</div>
|
| 1305 |
|
| 1306 |
<!--{/if}-->
|
| 1307 |
|
| 1308 |
<!--購入確認画面-->
|
| 1309 |
<div class="p-lp__submit">
|
| 1310 |
<div class="c-error-message-section" id="alert_errors" <!--{if !$arrErr}-->style="display:none;"<!--{/if}-->>
|
| 1311 |
<!--{if $arrErr}-->
|
| 1312 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 1313 |
<span><!--{$item nofilter}--></span>
|
| 1314 |
<!--{/foreach}-->
|
| 1315 |
<!--{/if}-->
|
| 1316 |
</div>
|
| 1317 |
<!-- li><a class="lp_button_submit" href="javascript:void(0);" id="confirm_submit" onclick="return false;"> </a></li -->
|
| 1318 |
|
| 1319 |
|
| 1320 |
<!--{if $preview}-->
|
| 1321 |
<div>
|
| 1322 |
<div class="c-button-group">
|
| 1323 |
<input class="c-button c-button--lg c-button--gradient-green" type="button" id="confirm_submit_image" value="お申込み内容を確認する" onclick="return false;">
|
| 1324 |
</div>
|
| 1325 |
</div>
|
| 1326 |
<!--{else}-->
|
| 1327 |
<!--{if !$skip_confirm_page_flg}-->
|
| 1328 |
<div class="c-button-group">
|
| 1329 |
<div id="confirm_submit">
|
| 1330 |
<input class="c-button c-button--lg c-button--gradient-green" type="button" id="confirm_submit_image" value="お申込み内容を確認する" onclick="return false;">
|
| 1331 |
</div>
|
| 1332 |
</div>
|
| 1333 |
<!--{else}-->
|
| 1334 |
<!-- 簡易確認フォーム・購入完了ボタン -->
|
| 1335 |
<div class="c-button-group">
|
| 1336 |
<div id="confirm_submit">
|
| 1337 |
<div id="skip_confirm_submit">
|
| 1338 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" disabled="disabled" type="button" id="confirm_submit_image" value="注文を確定する" <!--{if !$enable_spider_af}-->onclick="return false;"<!--{/if}-->>
|
| 1339 |
</div>
|
| 1340 |
</div>
|
| 1341 |
</div>
|
| 1342 |
<!--{/if}-->
|
| 1343 |
<!--{/if}-->
|
| 1344 |
</div>
|
| 1345 |
|
| 1346 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1347 |
<!--{foreach from=$arrHiddens key="key_h" item="val_h"}-->
|
| 1348 |
<input type="hidden" name="<!--{$key_h}-->" value="<!--{$val_h.value}-->" class="<!--{$val_h.class}-->" id="<!--{$val_h.class}--><!--{$key_h}-->" data-key="<!--{$key_h}-->" />
|
| 1349 |
<!--{/foreach}-->
|
| 1350 |
<!--{if !empty($selected_classcategory_list)}-->
|
| 1351 |
<!--{foreach from=$selected_classcategory_list key="classcategory_key" item="classcategory_data"}-->
|
| 1352 |
<!--{foreach from=$classcategory_data key="bulk_number" item="classcategory_data_detail"}-->
|
| 1353 |
<input type="hidden" name="<!--{$classcategory_key}-->[<!--{$bulk_number}-->]" value="<!--{$classcategory_data_detail.value}-->" class="<!--{$classcategory_data_detail.class}-->" id="selected_<!--{$classcategory_key}-->_<!--{$bulk_number}-->" data-key="<!--{$classcategory_key}-->" data-bulk_number="<!--{$bulk_number}-->" />
|
| 1354 |
<!--{/foreach}-->
|
| 1355 |
<!--{/foreach}-->
|
| 1356 |
<!--{/if}-->
|
| 1357 |
<!--{foreach from=$arrErr key="key_e" item="val_e"}-->
|
| 1358 |
<input type="hidden" name="errors_<!--{$key_e}-->" value="<!--{$val_e}-->" class="errors" id="errors_<!--{$key_e}-->" />
|
| 1359 |
<!--{/foreach}-->
|
| 1360 |
<input type="hidden" name="ajax_url" value="<!--{$ajax_url}-->" id="ajax_url" />
|
| 1361 |
<input type="hidden" name="spider" value=""/>
|
| 1362 |
<input type="hidden" class="js-spider-tracker" value="<!--{$spider_tracker}-->"/>
|
| 1363 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1364 |
<!--{captcha_form_lp_shopping}-->
|
| 1365 |
</form>
|
| 1366 |
|
| 1367 |
<!--paidy用注文確定ボタン-->
|
| 1368 |
<div id="paidy_skip_confirm_submit" style="display:none;">
|
| 1369 |
<div class="c-button-group">
|
| 1370 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="paidy_confirm_submit_image" value="注文を確定する" onclick="immediatePaidyTag('skip_confirm')">
|
| 1371 |
</div>
|
| 1372 |
</div>
|
| 1373 |
|
| 1374 |
<!--atone決済用注文確定ボタン-->
|
| 1375 |
<div id="atone_skip_confirm_submit" style="display:none;">
|
| 1376 |
<div class="c-button-group">
|
| 1377 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="atone_confirm_submit_image" value="注文を確定する" onclick="AtonePayment.start('skip_confirm')">
|
| 1378 |
</div>
|
| 1379 |
</div>
|
| 1380 |
|
| 1381 |
</div>
|
| 1382 |
</div>
|
| 1383 |
<!-- ▲CONTENTS -->
|
| 1384 |
|
| 1385 |
<!--{* よりどり購入設定 *}-->
|
| 1386 |
<!--{if file_exists(Path::user_template_dir('config/bundle_config.tpl')->getPathname())}-->
|
| 1387 |
<!--{include file=Path::user_template_dir('config/bundle_config.tpl')->getPathname()}-->
|
| 1388 |
<!--{/if}-->
|
| 1389 |
|
| 1390 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1391 |
<input type="hidden" id="use_lp_only_flg" value="<!--{$use_lp_only_flg}-->">
|
| 1392 |
<input type="hidden" id="skip_confirm_page_flg" value="<!--{$skip_confirm_page_flg}-->">
|
| 1393 |
<input type="hidden" id="is_mobile_flg" value="0">
|
| 1394 |
<!--{if $lp_content != false}--><!--{include file=$lp_content layout='lp_footer' footer_file_path=$footer_file_path}--><!--{/if}-->
|
| 1395 |
|
| 1396 |
<!--{if $footer_file_path !== ''}-->
|
| 1397 |
<!--{include file=$footer_file_path}-->
|
| 1398 |
<!--{/if}-->
|
| 1399 |
|
| 1400 |
<script type="text/javascript" src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1401 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1402 |
|
| 1403 |
<!--{* ポップアップバナー *}-->
|
| 1404 |
<!--{$popup_banner}-->
|
| 1405 |
|
| 1406 |
<script type="text/javascript">
|
| 1407 |
window.addEventListener('DOMContentLoaded', () => {
|
| 1408 |
const APP$ = window.APP.$;
|
| 1409 |
|
| 1410 |
<!--{* スクロール関連ここから *}-->
|
| 1411 |
const lpAdjustScroll = () => {
|
| 1412 |
<!--{if $login_success}--> <!--{* ログイン成功時 *}-->
|
| 1413 |
lp.adjustScroll(
|
| 1414 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1415 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1416 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1417 |
);
|
| 1418 |
<!--{elseif $loginerror}--> <!--{* ログイン失敗時 *}-->
|
| 1419 |
lp.adjustScroll(
|
| 1420 |
'#lp-login', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1421 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1422 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1423 |
);
|
| 1424 |
<!--{elseif $return_from_confirm}--> <!--{* 確認画面からの戻り時 *}-->
|
| 1425 |
lp.adjustScroll(
|
| 1426 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1427 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1428 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1429 |
);
|
| 1430 |
<!--{else}--> <!--{* 上記以外 ファーストアクセスなど *}-->
|
| 1431 |
<!--{* 上記を参考に適宜指定してください *}-->
|
| 1432 |
<!--{/if}-->
|
| 1433 |
};
|
| 1434 |
<!--{* スクロール関連ここまで *}-->
|
| 1435 |
|
| 1436 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1437 |
APP$(window).on('load', async function () {
|
| 1438 |
$emptyOptions = APP$('.js-lp-product-empty-option');
|
| 1439 |
if ($emptyOptions.length > 0 && $emptyOptions.length == $emptyOptions.filter(':selected').length) {
|
| 1440 |
lp.emit('lpFetched');
|
| 1441 |
return;
|
| 1442 |
}
|
| 1443 |
<!--{if $lp_bulk_count > 0}-->
|
| 1444 |
<!--{for $i=1 to $lp_bulk_count}-->
|
| 1445 |
await lp.fetch_data(APP$('#product_id_' + <!--{$i}-->).val(), APP$('#quantity_' + <!--{$i}-->).val(), <!--{$i}-->);
|
| 1446 |
<!--{/for}-->
|
| 1447 |
<!--{/if}-->
|
| 1448 |
lp.emit('lpFetched');
|
| 1449 |
lpAdjustScroll();
|
| 1450 |
});
|
| 1451 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1452 |
|
| 1453 |
APP$('#rule_text_link').click(function(){
|
| 1454 |
APP$('#rule_text_area').toggle();
|
| 1455 |
});
|
| 1456 |
|
| 1457 |
APP$('#mailmaga_flg').click(function(){
|
| 1458 |
if(APP$(this).prop('checked')){
|
| 1459 |
APP$('#no_mailmaga_flg').val(0);
|
| 1460 |
}
|
| 1461 |
else{
|
| 1462 |
APP$('#no_mailmaga_flg').val(1);
|
| 1463 |
}
|
| 1464 |
});
|
| 1465 |
|
| 1466 |
APP$(function() {
|
| 1467 |
// エラーフォーム背景指定
|
| 1468 |
valid = new Array("dummy"<!--{foreach from=$arrErr key="key" item="item"}-->,"<!--{$key}-->"<!--{/foreach}-->);
|
| 1469 |
for (var i = 0; i < valid.length; i++) {
|
| 1470 |
APP$('*[name=' + valid[i] + ']').css("background", "rgb(253, 234, 234)");
|
| 1471 |
}
|
| 1472 |
|
| 1473 |
// 入力フォーム背景指定
|
| 1474 |
APP$('input, select').focus(function(){ APP$(this).css("background", "") });
|
| 1475 |
|
| 1476 |
APP$('a[href="#"]').click(function(){
|
| 1477 |
return false;
|
| 1478 |
});
|
| 1479 |
});
|
| 1480 |
});
|
| 1481 |
</script>
|
| 1482 |
|
| 1483 |
<!--{* LPフォーム入力アシスト機能 パーツカラーの上書き *}-->
|
| 1484 |
<!--{*
|
| 1485 |
<style>
|
| 1486 |
:root {
|
| 1487 |
--efo-message-textColor: ;
|
| 1488 |
--efo-message-backgroundColor: ;
|
| 1489 |
--efo-progress-textColor: ;
|
| 1490 |
--efo-progress-accentColor: ;
|
| 1491 |
--efo-progress-backgroundColor: ;
|
| 1492 |
--efo-error-form-borderColor: ;
|
| 1493 |
--efo-error-form-textColor: ;
|
| 1494 |
--efo-error-form-backgroundColor: ;
|
| 1495 |
--efo-success-form-borderColor: ;
|
| 1496 |
--efo-success-form-textColor: ;
|
| 1497 |
--efo-success-form-backgroundColor: ;
|
| 1498 |
--efo-incomplete-backgroundColor: ;
|
| 1499 |
--efo-incomplete-textColor: ;
|
| 1500 |
--efo-incomplete-linkColor: ;
|
| 1501 |
}
|
| 1502 |
</style>
|
| 1503 |
*}-->
|
| 1504 |
|
| 1505 |
<script>
|
| 1506 |
var EFO = {};
|
| 1507 |
EFO.SITE_CONFIG = {
|
| 1508 |
password: {
|
| 1509 |
min: <!--{$password_rule.min_length|escape:javascript nofilter}-->,
|
| 1510 |
max: <!--{$password_rule.max_length|escape:javascript nofilter}-->
|
| 1511 |
},
|
| 1512 |
birthday: {
|
| 1513 |
required: <!--{if $req_setting.pc_birth == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1514 |
},
|
| 1515 |
sex: {
|
| 1516 |
selected: <!--{if $req_setting.pc_sex == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1517 |
}
|
| 1518 |
}
|
| 1519 |
</script>
|
| 1520 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1521 |
<script>
|
| 1522 |
EFO.page.config = {
|
| 1523 |
showIncomplete: Boolean(<!--{$skip_confirm_page_flg}-->),
|
| 1524 |
};
|
| 1525 |
EFO.page.classes = {
|
| 1526 |
};
|
| 1527 |
EFO.page.validation = {
|
| 1528 |
};
|
| 1529 |
EFO.page.validationMessage = {
|
| 1530 |
};
|
| 1531 |
</script>
|
| 1532 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1533 |
|
| 1534 |
<!--{* リピスト Chat ここから *}-->
|
| 1535 |
<!--{if 'lp_chat_form'|get_option_use_flg == true && $is_usable_chat}-->
|
| 1536 |
<link rel="stylesheet" href="<!--{$TPL_DIR}-->assets/chat_form/css/style.css" type="text/css" media="all" />
|
| 1537 |
<script>
|
| 1538 |
var ChatForm = {
|
| 1539 |
lpFormKey: (new URL(document.location)).searchParams.get('p') || '<!--{$smarty.session.site.from_lp_product|escape:javascript nofilter}-->' || '<!--{$p|escape:javascript nofilter}-->',
|
| 1540 |
lpAjaxUrl: '<!--{$ajax_url}-->',
|
| 1541 |
isMobile: false,
|
| 1542 |
spiderTracker: "<!--{$spider_tracker}-->",
|
| 1543 |
showRegularTotalAddFeeTable: false
|
| 1544 |
}
|
| 1545 |
</script>
|
| 1546 |
<script src="/assets/chat_form/js/chat_form.min.js" defer></script>
|
| 1547 |
<div id="cf-root"></div>
|
| 1548 |
<!--{/if}-->
|
| 1549 |
<!--{* リピスト Chat ここまで *}-->
|
| 1550 |
|
| 1551 |
<!--{* LPフォーム個別js *}-->
|
| 1552 |
<!--{if isset($js_file_path) && $js_file_path !== ''}-->
|
| 1553 |
<script src="<!--{$js_file_path}-->?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1554 |
<!--{/if}-->
|
../tmp/pr_default/shopping/purchase_offer_complete.tpl
CHANGED
|
@@ -1,784 +1,780 @@
|
|
| 1 |
<!--ダイアログ-->
|
| 2 |
|
| 3 |
<!--{* カウントダウン表示 ss *}-->
|
| 4 |
<!--{* <div class="countdown_timer_for_purchase_offer"></div> *}-->
|
| 5 |
<!--{* カウントダウン表示 hh:mm:ss *}-->
|
| 6 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss"></div> *}-->
|
| 7 |
<!--{* カウントダウン表示 hh:mm:ss:ms *}-->
|
| 8 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss:ms"></div> *}-->
|
| 9 |
|
| 10 |
<!--{* オファーフォーム直上のHTML *}-->
|
| 11 |
<!--{$offer_html_on_form}-->
|
| 12 |
|
| 13 |
<div class="p-lp-ups ups_dialog" id="complete_offer_block">
|
| 14 |
<div class="p-lp-ups-inner">
|
| 15 |
<form name="form1" id="form1" method="post" action="" class="js-efo">
|
| 16 |
<div class="p-lp-ups__product">
|
| 17 |
<div class="c-lp-section">
|
| 18 |
<div class="product-group c-form-groups c-form-groups--row">
|
| 19 |
<div class="product-group__product c-form-group c-form-group--row">
|
| 20 |
<label class="c-form-label" for="product_id">商品：</label>
|
| 21 |
<div class="c-select c-select--lg c-select--white">
|
| 22 |
<select name="product_id[1]" id="product_id" class="product_id" data-bulk_number="1">
|
| 23 |
<!--{foreach from=$offer_products_list key=key item=offer_product}-->
|
| 24 |
<option value="<!--{$offer_product.product_id}-->"><!--{$offer_product.name}--></option>
|
| 25 |
<!--{/foreach}-->
|
| 26 |
</select>
|
| 27 |
<i></i>
|
| 28 |
</div>
|
| 29 |
</div>
|
| 30 |
-
<!--{
|
| 31 |
-
|
| 32 |
-
<div class="c-form-group c-form-group--row">
|
| 33 |
<label class="c-form-label" for="quantity">数量：</label>
|
| 34 |
<div class="c-select c-select--lg c-select--white">
|
| 35 |
<select id="quantity" name="quantity[1]" class="quantity" data-bulk_number="1">
|
| 36 |
<!--{assign var=key1 value="quantity"}-->
|
| 37 |
<!--{* 確認画面がなく、この画面に戻ってくることがないのでselectedは必要なし *}-->
|
| 38 |
<!--{for $i=1 to 10}-->
|
| 39 |
<option value="<!--{$i}-->"><!--{$i}--></option>
|
| 40 |
<!--{/for}-->
|
| 41 |
</select>
|
| 42 |
<i></i>
|
| 43 |
</div>
|
| 44 |
</div>
|
| 45 |
-
<!--{else}-->
|
| 46 |
-
<input type="hidden" name="quantity[1]" value="1">
|
| 47 |
-
<!--{/if}-->
|
| 48 |
</div>
|
| 49 |
<div id="class_category_block_1" style="display:none;">
|
| 50 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 51 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 52 |
<div class="class-category" id="class_category_select_1"></div>
|
| 53 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 54 |
</div>
|
| 55 |
</div>
|
| 56 |
</div>
|
| 57 |
|
| 58 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 59 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 60 |
<div class="c-lp-section">
|
| 61 |
<div class="c-amazon-pay">
|
| 62 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 63 |
Amazonアカウントで決済できます
|
| 64 |
</div>
|
| 65 |
<div class="c-amazon-pay__body">
|
| 66 |
<div id="amazon_pay_v2_area">
|
| 67 |
<p class="c-amazon-pay__paragraph">
|
| 68 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 69 |
</p>
|
| 70 |
<div class="c-amazon-pay__consent">
|
| 71 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 72 |
<div class="c-checkbox">
|
| 73 |
<input type="checkbox" id="amazon_v2_agree">
|
| 74 |
<label for="amazon_v2_agree">
|
| 75 |
利用する場合は、
|
| 76 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 77 |
に同意して会員登録する(必須)
|
| 78 |
</label>
|
| 79 |
</div>
|
| 80 |
<!--{/if}-->
|
| 81 |
</div>
|
| 82 |
</div>
|
| 83 |
<div id="amazon_pay_button_v2">
|
| 84 |
<div id="amazon_pay_button_v2_click_area">
|
| 85 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 86 |
<span id="amazon_dummy_btn">
|
| 87 |
<img src="/img/icons/amazon_v2.png">
|
| 88 |
</span>
|
| 89 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 90 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 91 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
</div>
|
| 98 |
<!--{/if}-->
|
| 99 |
|
| 100 |
<!--{* お届け先情報 *}-->
|
| 101 |
<div class="p-lp__address">
|
| 102 |
<div class="c-lp-section">
|
| 103 |
<div class="c-lp-section__title">お客様情報</div>
|
| 104 |
<div class="c-table">
|
| 105 |
<table summary="お届け先" class="c-table__align-left">
|
| 106 |
<tr>
|
| 107 |
<th class="c-width-300">お名前</th>
|
| 108 |
<td colspan="2"><!--{$order_data.deliv_name01}--> <!--{$order_data.deliv_name02}--> (<!--{$order_data.deliv_kana01}--> <!--{$order_data.deliv_kana02}-->)</td>
|
| 109 |
</tr>
|
| 110 |
<tr>
|
| 111 |
<th>郵便番号</th>
|
| 112 |
<td colspan="2">〒<!--{$order_data.deliv_zip01}-->-<!--{$order_data.deliv_zip02}--></td>
|
| 113 |
</tr>
|
| 114 |
<tr>
|
| 115 |
<th>住所</th>
|
| 116 |
<td colspan="2"><!--{$arrPref[$order_data.deliv_pref]}--><!--{$order_data.deliv_addr01}--><!--{$order_data.deliv_addr02}--></td>
|
| 117 |
</tr>
|
| 118 |
<tr>
|
| 119 |
<th>電話番号</th>
|
| 120 |
<td colspan="2"><!--{$order_data.deliv_tel01}-->-<!--{$order_data.deliv_tel02}-->-<!--{$order_data.deliv_tel03}--></td>
|
| 121 |
</tr>
|
| 122 |
|
| 123 |
</table>
|
| 124 |
</div>
|
| 125 |
</div>
|
| 126 |
|
| 127 |
<div class="c-lp-section">
|
| 128 |
<div class="delivery-check">
|
| 129 |
<div class="c-lp-section__title">
|
| 130 |
お届け先
|
| 131 |
<span class="c-form-label-required">必須</span>
|
| 132 |
</div>
|
| 133 |
<div class="c-form-group c-form-group--row">
|
| 134 |
<div class="c-select c-select--lg c-select--white">
|
| 135 |
<select id="address-select">
|
| 136 |
<option value="no_change">上記と同じご住所へお届けする</option>
|
| 137 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 138 |
<option value="other_address">別のお届け先を入力する</option>
|
| 139 |
</select>
|
| 140 |
<input type="hidden" name="other_deliv_id" id="other_deliv_id">
|
| 141 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" style="display:none" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}-->>
|
| 142 |
<i></i>
|
| 143 |
</div>
|
| 144 |
</div>
|
| 145 |
</div>
|
| 146 |
</div>
|
| 147 |
</div>
|
| 148 |
|
| 149 |
<!--{include file="shopping/lp_other_deliv_form.tpl"}-->
|
| 150 |
|
| 151 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 152 |
<!--{if $view_coupon_form}-->
|
| 153 |
<!--{* クーポン *}-->
|
| 154 |
<div class="p-lp__coupon" id="coupon_area" style="display:none;">
|
| 155 |
<div class="c-lp-section">
|
| 156 |
<div class="c-lp-section__title">クーポン</div>
|
| 157 |
<table>
|
| 158 |
<tr>
|
| 159 |
<th>クーポンコード</th>
|
| 160 |
<td id="entry_coupon_td">
|
| 161 |
<div class="c-input-form c-input-form--lg">
|
| 162 |
<input type="text" name="coupon_code" value="<!--{$previouslyUsedCodeCoupon}-->" id="coupon_code" placeholder="クーポンを入力"/>
|
| 163 |
<button type="button" id="check_coupon_code" class="c-button c-button--s c-button--default">
|
| 164 |
<span class="c-button__text">適用</span>
|
| 165 |
<div class="c-button__loader"></div>
|
| 166 |
</button>
|
| 167 |
</div>
|
| 168 |
</td>
|
| 169 |
<td id="view_coupon_td" style="display:none;">
|
| 170 |
<div class="c-input-form c-input-form--lg">
|
| 171 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 172 |
<button type="button" id="remove_coupon_code" class="c-button c-button--s c-button--default">
|
| 173 |
<span class="c-button__text">解除</span>
|
| 174 |
<div class="c-button__loader"></div>
|
| 175 |
</button>
|
| 176 |
</div>
|
| 177 |
</td>
|
| 178 |
</tr>
|
| 179 |
<tr id="coupon_discount_tr" style="display:none;">
|
| 180 |
<th>値引き金額</th>
|
| 181 |
<td colspan="2"><span id="discount"></span>円値引き</td>
|
| 182 |
</tr>
|
| 183 |
</table>
|
| 184 |
<div id="coupon_code_error" class="c-form-error-message"></div>
|
| 185 |
</div>
|
| 186 |
</div>
|
| 187 |
<!--{/if}-->
|
| 188 |
|
| 189 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 190 |
<!--{if $tpl_login && $point_flg != 2 && $isVisiblePointForm}-->
|
| 191 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 192 |
<div class="c-lp-section">
|
| 193 |
<div class="c-lp-section__title">ポイント使用</div>
|
| 194 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 195 |
<div class="point-info">
|
| 196 |
<div class="point-info__row">
|
| 197 |
<div class="point-info__header">
|
| 198 |
今回ご購入合計金額：<br>
|
| 199 |
<small>（送料、手数料を含みません）</small>
|
| 200 |
</div>
|
| 201 |
<div class="point-info__data">
|
| 202 |
<span id="price"></span>
|
| 203 |
</div>
|
| 204 |
</div>
|
| 205 |
<div class="point-info__row">
|
| 206 |
<div class="point-info__header">所持ポイント:</div>
|
| 207 |
<div class="point-info__data">
|
| 208 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 209 |
</div>
|
| 210 |
</div>
|
| 211 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 212 |
<div class="point-info__row">
|
| 213 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 214 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 215 |
</div>
|
| 216 |
<!--{/if}-->
|
| 217 |
<div class="point-info__row point-input-row">
|
| 218 |
<div class="point-info__header">利用ポイント:</div>
|
| 219 |
<div class="point-info__data">
|
| 220 |
<!--{assign var=key value="use_point"}-->
|
| 221 |
<input
|
| 222 |
type="number"
|
| 223 |
name="<!--{$key}-->"
|
| 224 |
value="0"
|
| 225 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-toggle-point-usage__point-value"
|
| 226 |
size="6"
|
| 227 |
min="0"
|
| 228 |
/> pt
|
| 229 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 230 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 231 |
</div>
|
| 232 |
</div>
|
| 233 |
</div>
|
| 234 |
<input type="radio" id="point_on" class="js-toggle-point-usage" name="point_check" value="1" style="display: none;" checked/>
|
| 235 |
<input type="radio" id="point_off" class="js-toggle-point-usage" name="point_check" value="2" style="display: none;"/>
|
| 236 |
</div>
|
| 237 |
</div>
|
| 238 |
<!--{/if}-->
|
| 239 |
|
| 240 |
<!-- AJAX追加 -->
|
| 241 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 242 |
<div class="p-lp-ups__payment">
|
| 243 |
<!--{if !$isReloadDisplay}-->
|
| 244 |
<!--{* 元受注の支払い方法を引き継ぐためのinputタグ *}-->
|
| 245 |
<input type="hidden" name="payment_id_h" value="<!--{$order_data.payment_id}-->" class="payment_id_h" id="payment_id_h">
|
| 246 |
<!--{/if}-->
|
| 247 |
<div id="payment_area" style="display:none;">
|
| 248 |
<div class="c-lp-section">
|
| 249 |
<div class="c-lp-section__title">
|
| 250 |
お支払い方法
|
| 251 |
<span class="c-form-label-required">必須</span>
|
| 252 |
</div>
|
| 253 |
<!--{* ↓お支払い方法取得用↓ *}-->
|
| 254 |
<span id="payment_methods"></span>
|
| 255 |
<!--{* ↑お支払い方法取得用↑ *}-->
|
| 256 |
|
| 257 |
<!--{* カード登録について
|
| 258 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 259 |
*}-->
|
| 260 |
<!--{assign var=registered_change value=false}-->
|
| 261 |
|
| 262 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 263 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 264 |
</div>
|
| 265 |
</div>
|
| 266 |
</div>
|
| 267 |
|
| 268 |
<div class="p-lp-ups__regular">
|
| 269 |
<!--{* ▼ 編集しないでください ▼ *}-->
|
| 270 |
<div id="regular_product_area" style="display: none;">
|
| 271 |
<input type="checkbox" name="regular" value="1" id="regular">
|
| 272 |
</div>
|
| 273 |
<!--{* ▲ 編集しないでください ▲ *}-->
|
| 274 |
|
| 275 |
<div class="delivery_calendar" id="regular-deliv_area" style="display:none;">
|
| 276 |
<div class="c-lp-section">
|
| 277 |
<div class="c-lp-section__title">
|
| 278 |
お届け間隔の指定
|
| 279 |
<span class="c-form-label-required">必須</span>
|
| 280 |
</div>
|
| 281 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 282 |
<span id="regular_cycle_area"></span>
|
| 283 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 284 |
</div>
|
| 285 |
</div>
|
| 286 |
</div>
|
| 287 |
|
| 288 |
<div class="p-lp-ups__delivery">
|
| 289 |
<!--{* ↓お届け時間がこちらに表示されます↓ *}-->
|
| 290 |
<div id="deliv_datetime_area" style="display:none;">
|
| 291 |
<div class="c-lp-section">
|
| 292 |
<div class="c-lp-section__title">お届け時間の指定</div>
|
| 293 |
<div id="deliv_time_area"></div>
|
| 294 |
</div>
|
| 295 |
</div>
|
| 296 |
<!--{* ↑お届け時間がこちらに表示されます↑ *}-->
|
| 297 |
</div>
|
| 298 |
<div class="p-lp__confirm">
|
| 299 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 300 |
<div class="c-lp-section js-confirm-section" style="display:none;">
|
| 301 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 302 |
|
| 303 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 304 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます（ポイントは使用されません）<br>
|
| 305 |
ポイントを使用したい場合、クーポンを解除してください
|
| 306 |
</div>
|
| 307 |
|
| 308 |
<!--商品一覧 表示領域-->
|
| 309 |
<div class="confirm-products">
|
| 310 |
<div class="c-table">
|
| 311 |
<table>
|
| 312 |
<tr>
|
| 313 |
<th>商品名</th>
|
| 314 |
<th>単価</th>
|
| 315 |
<th>数量</th>
|
| 316 |
<th>小計</th>
|
| 317 |
</tr>
|
| 318 |
<tbody id="js-confirm-products"></tbody>
|
| 319 |
</table>
|
| 320 |
</div>
|
| 321 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 322 |
</div>
|
| 323 |
<!--商品一覧 テンプレート-->
|
| 324 |
<table style="display:none;">
|
| 325 |
<tbody id="tmp-confirm-products">
|
| 326 |
<tr>
|
| 327 |
<td>
|
| 328 |
{{product_name}}
|
| 329 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 330 |
<span class="class-category">{{class}}</span>
|
| 331 |
</td>
|
| 332 |
<td class="c-table__align-right">{{price}}円</td>
|
| 333 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 334 |
<td class="c-table__align-right">{{subtotal}}円</td>
|
| 335 |
</tr>
|
| 336 |
</tbody>
|
| 337 |
</table>
|
| 338 |
|
| 339 |
<div class="c-lp-section__title">直前のご注文内容のご確認</div>
|
| 340 |
|
| 341 |
<!--{* 商品一覧 表示領域 ※クロスセル用 *}-->
|
| 342 |
<div class="confirm-products js-confirm-products-closssell-block">
|
| 343 |
<div class="c-table">
|
| 344 |
<table>
|
| 345 |
<tr>
|
| 346 |
<th></th>
|
| 347 |
<th>商品名</th>
|
| 348 |
<th>単価</th>
|
| 349 |
<th>数量</th>
|
| 350 |
<th>小計</th>
|
| 351 |
</tr>
|
| 352 |
<tbody class="js-confirm-products-closssell"></tbody>
|
| 353 |
</table>
|
| 354 |
</div>
|
| 355 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 356 |
</div>
|
| 357 |
<!--商品一覧 テンプレート-->
|
| 358 |
<table style="display:none;">
|
| 359 |
<tbody id="tmp-confirm-products-closssell">
|
| 360 |
<tr>
|
| 361 |
<td>{{order_type}}</td>
|
| 362 |
<td>
|
| 363 |
{{product_name}}
|
| 364 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 365 |
<span class="class-category">{{class}}</span>
|
| 366 |
</td>
|
| 367 |
<td class="c-table__align-right">{{price}}円</td>
|
| 368 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 369 |
<td class="c-table__align-right">{{subtotal}}円</td>
|
| 370 |
</tr>
|
| 371 |
</tbody>
|
| 372 |
</table>
|
| 373 |
|
| 374 |
<!--タイムセール期限 表示領域-->
|
| 375 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 376 |
<div class="c-table">
|
| 377 |
<table>
|
| 378 |
<tr>
|
| 379 |
<th colspan="2">タイムセール期限</th>
|
| 380 |
<tbody id="js-confirm-timesale"></tbody>
|
| 381 |
</tr>
|
| 382 |
</table>
|
| 383 |
</div>
|
| 384 |
</div>
|
| 385 |
<!--タイムセール期限 テンプレート-->
|
| 386 |
<table style="display:none">
|
| 387 |
<tbody id="tmp-confirm-timesale">
|
| 388 |
<tr>
|
| 389 |
<td>{{product_name}}</td>
|
| 390 |
<td>{{timesales_end_date}}</td>
|
| 391 |
</tr>
|
| 392 |
</tbody>
|
| 393 |
</table>
|
| 394 |
|
| 395 |
<div class="confirm-content">
|
| 396 |
<!--購入者情報-->
|
| 397 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 398 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 399 |
<table class="c-table__align-left">
|
| 400 |
<tr>
|
| 401 |
<th>お名前</th>
|
| 402 |
<td>
|
| 403 |
{{join_name}}
|
| 404 |
</td>
|
| 405 |
</tr>
|
| 406 |
<tr>
|
| 407 |
<th>お届け先</th>
|
| 408 |
<td>
|
| 409 |
{{join_shipping}}
|
| 410 |
</td>
|
| 411 |
</tr>
|
| 412 |
<tr>
|
| 413 |
<th>電話番号</th>
|
| 414 |
<td>{{deliv_tel}}</td>
|
| 415 |
</tr>
|
| 416 |
<tr class="js-confirm-deliver-date">
|
| 417 |
<th>お届け指定日</th>
|
| 418 |
<td>
|
| 419 |
{{delivery_date}}
|
| 420 |
<span class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</span>
|
| 421 |
<span class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</span>
|
| 422 |
</td>
|
| 423 |
</tr>
|
| 424 |
<tr class="js-confirm-deliver-time">
|
| 425 |
<th>お届け時間</th>
|
| 426 |
<td>
|
| 427 |
{{delivery_time}}
|
| 428 |
</td>
|
| 429 |
</tr>
|
| 430 |
<tr class="js-confirm-deliver-cycle">
|
| 431 |
<th>お届け指定間隔</th>
|
| 432 |
<td>
|
| 433 |
{{delivery_cycle}}
|
| 434 |
</td>
|
| 435 |
</tr>
|
| 436 |
<tr class="js-confirm-regular-extra-interval">
|
| 437 |
<th></th>
|
| 438 |
<td>
|
| 439 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 440 |
</td>
|
| 441 |
</tr>
|
| 442 |
<tr>
|
| 443 |
<th>お支払い方法</th>
|
| 444 |
<td>
|
| 445 |
{{payment_method}}
|
| 446 |
</td>
|
| 447 |
</tr>
|
| 448 |
<tr class="js-confirm-customer-payment-deadline">
|
| 449 |
<th>お支払い期限</th>
|
| 450 |
<td>{{payment_deadline}}</td>
|
| 451 |
</tr>
|
| 452 |
</table>
|
| 453 |
</div>
|
| 454 |
|
| 455 |
<!--変動サイクル テンプレート-->
|
| 456 |
<template id="tmp-confirm-regular-extra-interval">
|
| 457 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 458 |
</template>
|
| 459 |
|
| 460 |
<div class="confirm-payment">
|
| 461 |
<!--商品合計・手数料・送料 表示領域-->
|
| 462 |
<div id="js-confirm-payment"></div>
|
| 463 |
<!--税額 表示領域-->
|
| 464 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 465 |
</div>
|
| 466 |
</div>
|
| 467 |
|
| 468 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 469 |
<div id="tmp-confirm-payment" style="display:none;">
|
| 470 |
<table>
|
| 471 |
<tr>
|
| 472 |
<th>商品(税込)</th>
|
| 473 |
<td>{{subtotal}}円</td>
|
| 474 |
</tr>
|
| 475 |
<tr>
|
| 476 |
<th>送料(税込)</th>
|
| 477 |
<td>{{deliv_fee}}円</td>
|
| 478 |
</tr>
|
| 479 |
<tr>
|
| 480 |
<th>手数料(税込)</th>
|
| 481 |
<td>{{charge}}円</td>
|
| 482 |
</tr>
|
| 483 |
<tr class="js-confirm-relay-fee">
|
| 484 |
<th>離島手数料(税込)</th>
|
| 485 |
<td>{{relay_fee}}円</td>
|
| 486 |
</tr>
|
| 487 |
<tr class="js-confirm-discount">
|
| 488 |
<th>クーポン値引き金額</th>
|
| 489 |
<td>-{{coupon_discount}}円</td>
|
| 490 |
</tr>
|
| 491 |
<tr class="js-confirm-use-point">
|
| 492 |
<th>ポイント値引き金額</th>
|
| 493 |
<td>-{{use_point}}円</td>
|
| 494 |
</tr>
|
| 495 |
<tbody class="js-sending-data"></tbody>
|
| 496 |
<tr class="confirm-payment__total">
|
| 497 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 498 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 499 |
</tr>
|
| 500 |
<tr class="js-confirm-add-point">
|
| 501 |
<th>加算ポイント</th>
|
| 502 |
<td>{{add_point}}</td>
|
| 503 |
</tr>
|
| 504 |
</table>
|
| 505 |
</div>
|
| 506 |
<!--税額 テンプレート-->
|
| 507 |
<ul id="tmp-taxes" style="display:none;">
|
| 508 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 509 |
</ul>
|
| 510 |
|
| 511 |
<!--発送元特別送料 テンプレート-->
|
| 512 |
<template id="tmp-sending-data">
|
| 513 |
<tr>
|
| 514 |
<th>{{service}}</th>
|
| 515 |
<td>{{cost}}</td>
|
| 516 |
</tr>
|
| 517 |
</template>
|
| 518 |
|
| 519 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 520 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 521 |
<!--定期詳細一覧 表示領域-->
|
| 522 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 523 |
<!--送料・手数料 表示領域-->
|
| 524 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 525 |
|
| 526 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 527 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 528 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 529 |
</div>
|
| 530 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 531 |
<div class="confirm-return">
|
| 532 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 533 |
</div>
|
| 534 |
|
| 535 |
<!--定期詳細一覧 テンプレート-->
|
| 536 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 537 |
<div class="confirm-regular-detail">
|
| 538 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 539 |
<div class="confirm-regular-detail__list">
|
| 540 |
<div class="c-table">
|
| 541 |
<table>
|
| 542 |
<tr>
|
| 543 |
<th>回数</th>
|
| 544 |
<th>商品名</th>
|
| 545 |
<th>数量</th>
|
| 546 |
<th>小計</th>
|
| 547 |
</tr>
|
| 548 |
<tbody class="js-confirm-regular-detail__list"></tbody>
|
| 549 |
</table>
|
| 550 |
</div>
|
| 551 |
</div>
|
| 552 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 553 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 554 |
</div>
|
| 555 |
</div>
|
| 556 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 557 |
<table style="display:none">
|
| 558 |
<tbody id="tmp-confirm-regular-detail__row">
|
| 559 |
<tr>
|
| 560 |
<td class="c-table__align-center"><span class="detail-content__count">{{count}}回目</span></td>
|
| 561 |
<td>
|
| 562 |
{{product_name}}
|
| 563 |
</td>
|
| 564 |
<td class="c-table__align-center"><span class="detail-content__quantity">{{quantity}}</span></td>
|
| 565 |
<td class="c-table__align-right"><span>{{subtotal}}円</span></td>
|
| 566 |
</tr>
|
| 567 |
</tbody>
|
| 568 |
</table>
|
| 569 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 570 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 571 |
<div class="c-table">
|
| 572 |
<table class="c-table__align-left">
|
| 573 |
<tr>
|
| 574 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 575 |
<td class="c-table__align-right">{{total_amount_detail_total}}円</td>
|
| 576 |
</tr>
|
| 577 |
<tr>
|
| 578 |
<th>お届けサイクル</th>
|
| 579 |
<td colspan="3">{{date_text}}にお届け予定</td>
|
| 580 |
</tr>
|
| 581 |
<tr>
|
| 582 |
<th>お届け回数</th>
|
| 583 |
<td colspan="3">{{display_regular_repeat_count}}</td>
|
| 584 |
</tr>
|
| 585 |
</table>
|
| 586 |
</div>
|
| 587 |
</div>
|
| 588 |
|
| 589 |
<!--送料・手数料 テンプレート-->
|
| 590 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 591 |
<div>定期コース送料・手数料一覧</div>
|
| 592 |
<div class="c-table">
|
| 593 |
<table>
|
| 594 |
<tr>
|
| 595 |
<th>回数</th>
|
| 596 |
<th>送料</th>
|
| 597 |
<th>手数料</th>
|
| 598 |
<th>合計</th>
|
| 599 |
</tr>
|
| 600 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 601 |
</table>
|
| 602 |
</div>
|
| 603 |
</div>
|
| 604 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 605 |
<table style="display:none;">
|
| 606 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 607 |
<tr>
|
| 608 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 609 |
<td>{{deliv_fee}}円</td>
|
| 610 |
<td>{{charge}}円</td>
|
| 611 |
<td class="c-table__align-right">{{total}}円</td>
|
| 612 |
</tr>
|
| 613 |
</tbody>
|
| 614 |
</table>
|
| 615 |
|
| 616 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 617 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 618 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 619 |
<div class="c-table total-table">
|
| 620 |
<table>
|
| 621 |
<tr>
|
| 622 |
<th>回数</th>
|
| 623 |
<th>商品</th>
|
| 624 |
<th>送料/手数料</th>
|
| 625 |
<th>合計</th>
|
| 626 |
</tr>
|
| 627 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 628 |
</table>
|
| 629 |
</div>
|
| 630 |
</div>
|
| 631 |
|
| 632 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 633 |
<table style="display:none;">
|
| 634 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 635 |
<tr>
|
| 636 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 637 |
<td>
|
| 638 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 639 |
</td>
|
| 640 |
<td class="c-table__align-right">
|
| 641 |
<div>手数料：{{charge}}円</div>
|
| 642 |
<div>送料：{{deliv_fee}}円</div>
|
| 643 |
</td>
|
| 644 |
<td class="c-table__align-right">{{total}}円</td>
|
| 645 |
</tr>
|
| 646 |
</tbody>
|
| 647 |
</table>
|
| 648 |
|
| 649 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 650 |
<div style="display:none;">
|
| 651 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 652 |
<div>
|
| 653 |
<div class="product-summary">
|
| 654 |
<div>
|
| 655 |
{{product_name}}
|
| 656 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 657 |
{{product_category}} 数量：{{product_quantity}}
|
| 658 |
</span>
|
| 659 |
</div>
|
| 660 |
<div>
|
| 661 |
{{product_subtotal}}円
|
| 662 |
</div>
|
| 663 |
</div>
|
| 664 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 665 |
</div>
|
| 666 |
</div>
|
| 667 |
</div>
|
| 668 |
|
| 669 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 670 |
<div style="display:none;">
|
| 671 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 672 |
<div>└{{product_name}} {{product_category}} 数量：{{product_quantity}}</div>
|
| 673 |
</div>
|
| 674 |
</div>
|
| 675 |
|
| 676 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 677 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 678 |
<div class="c-table">
|
| 679 |
<table class="c-table__align-left">
|
| 680 |
<tr>
|
| 681 |
<th>商品個数合計</th>
|
| 682 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 683 |
</tr>
|
| 684 |
<tr>
|
| 685 |
<th>
|
| 686 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 687 |
<span>商品 / 送料・手数料総額</span>
|
| 688 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 689 |
</th>
|
| 690 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 691 |
</tr>
|
| 692 |
</table>
|
| 693 |
</div>
|
| 694 |
</div>
|
| 695 |
|
| 696 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 697 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 698 |
<!--商品が複数ある場合使用-->
|
| 699 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 700 |
<!--商品が1つの場合使用-->
|
| 701 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 702 |
</div>
|
| 703 |
</div>
|
| 704 |
</div>
|
| 705 |
<!--{* 切り取り挿入部分 *}-->
|
| 706 |
<input type="hidden" name="ajax_url" id="ajax_url" value="/shopping/lp_ajax.php">
|
| 707 |
<div id="alert_errors" class="c-error-message-section" style="display:none;">
|
| 708 |
<!--{if $arrErr}-->
|
| 709 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 710 |
<!--{$item}--><br>
|
| 711 |
<!--{/foreach}-->
|
| 712 |
<!--{/if}-->
|
| 713 |
</div>
|
| 714 |
|
| 715 |
<!--{* 【非表示】個人情報のお取り扱いについて *}-->
|
| 716 |
<div class="p-lp__consent" style="display:none;">
|
| 717 |
<div class="c-lp-section">
|
| 718 |
<div class="c-lp-section__title c-lp-section__title--center">個人情報のお取り扱いについて</div>
|
| 719 |
<ul class="privacy-check-list">
|
| 720 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 721 |
<!--{* 必要な場合はコメントアウトを外してください *}-->
|
| 722 |
<!--
|
| 723 |
<li>
|
| 724 |
<div class="c-checkbox">
|
| 725 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1">
|
| 726 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 727 |
</div>
|
| 728 |
<input type="hidden" name="no_mailmaga_flg" value="0" id="no_mailmaga_flg" />
|
| 729 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 730 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 731 |
|
| 732 |
</li>
|
| 733 |
-->
|
| 734 |
<!--{/if}-->
|
| 735 |
<li>
|
| 736 |
<!--{assign var=key value="agree"}-->
|
| 737 |
<div class="privacy-check-list__group">
|
| 738 |
<div style="display:none;" id="rule_text_area">
|
| 739 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 740 |
</div>
|
| 741 |
<p>ご購入前に<a class="c-link" id="rule_text_link">利用規約</a>を必ずお読み下さい。</p>
|
| 742 |
<div class="c-checkbox agree-check">
|
| 743 |
-
<!--{* checked にせずに 個人情報のお取り扱いを style="display:none;" とすると確認内容が表示されなくなるためご注意ください。*}-->
|
| 744 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" checked/>
|
| 745 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 746 |
</div>
|
| 747 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 748 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 749 |
</div>
|
| 750 |
</li>
|
| 751 |
</ul>
|
| 752 |
</div>
|
| 753 |
</div>
|
| 754 |
<input type="hidden" id="lp_form_key" value="<!--{$arrGAOrder.lp_form_key}-->">
|
| 755 |
</form>
|
| 756 |
</div>
|
| 757 |
</div>
|
| 758 |
|
| 759 |
<!--{* オファーの受付終了後のブロックです。適宜編集してください。 *}-->
|
| 760 |
<div class="p-lp-ups ups_dialog" id="purchase_offer_reception_closed_block" style="display:none;">
|
| 761 |
有効期限を経過したため受付を終了いたしました。
|
| 762 |
</div>
|
| 763 |
|
| 764 |
<script src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 765 |
|
| 766 |
<script>
|
| 767 |
var EFO = {};
|
| 768 |
EFO.SITE_CONFIG = {};
|
| 769 |
</script>
|
| 770 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 771 |
<script>
|
| 772 |
EFO.page.config = {
|
| 773 |
};
|
| 774 |
EFO.page.classes = {
|
| 775 |
}
|
| 776 |
EFO.page.validation = {
|
| 777 |
}
|
| 778 |
</script>
|
| 779 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 780 |
|
| 781 |
<input type="hidden" class="js-purchase-offer-complete-countdown" value="<!--{$expiration_second|to_js_expr nofilter}-->">
|
| 782 |
|
| 783 |
<!--{* オファー個別js *}-->
|
| 784 |
<!--{$js}-->
|
|
|
|
| 1 |
<!--ダイアログ-->
|
| 2 |
|
| 3 |
<!--{* カウントダウン表示 ss *}-->
|
| 4 |
<!--{* <div class="countdown_timer_for_purchase_offer"></div> *}-->
|
| 5 |
<!--{* カウントダウン表示 hh:mm:ss *}-->
|
| 6 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss"></div> *}-->
|
| 7 |
<!--{* カウントダウン表示 hh:mm:ss:ms *}-->
|
| 8 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss:ms"></div> *}-->
|
| 9 |
|
| 10 |
<!--{* オファーフォーム直上のHTML *}-->
|
| 11 |
<!--{$offer_html_on_form}-->
|
| 12 |
|
| 13 |
<div class="p-lp-ups ups_dialog" id="complete_offer_block">
|
| 14 |
<div class="p-lp-ups-inner">
|
| 15 |
<form name="form1" id="form1" method="post" action="" class="js-efo">
|
| 16 |
<div class="p-lp-ups__product">
|
| 17 |
<div class="c-lp-section">
|
| 18 |
<div class="product-group c-form-groups c-form-groups--row">
|
| 19 |
<div class="product-group__product c-form-group c-form-group--row">
|
| 20 |
<label class="c-form-label" for="product_id">商品：</label>
|
| 21 |
<div class="c-select c-select--lg c-select--white">
|
| 22 |
<select name="product_id[1]" id="product_id" class="product_id" data-bulk_number="1">
|
| 23 |
<!--{foreach from=$offer_products_list key=key item=offer_product}-->
|
| 24 |
<option value="<!--{$offer_product.product_id}-->"><!--{$offer_product.name}--></option>
|
| 25 |
<!--{/foreach}-->
|
| 26 |
</select>
|
| 27 |
<i></i>
|
| 28 |
</div>
|
| 29 |
</div>
|
| 30 |
+
<!--{* 数量選択セレクトボックスを表示したい場合は style="display:none;" を削除してください *}-->
|
| 31 |
+
<div class="c-form-group c-form-group--row" style="display:none;">
|
|
|
|
| 32 |
<label class="c-form-label" for="quantity">数量：</label>
|
| 33 |
<div class="c-select c-select--lg c-select--white">
|
| 34 |
<select id="quantity" name="quantity[1]" class="quantity" data-bulk_number="1">
|
| 35 |
<!--{assign var=key1 value="quantity"}-->
|
| 36 |
<!--{* 確認画面がなく、この画面に戻ってくることがないのでselectedは必要なし *}-->
|
| 37 |
<!--{for $i=1 to 10}-->
|
| 38 |
<option value="<!--{$i}-->"><!--{$i}--></option>
|
| 39 |
<!--{/for}-->
|
| 40 |
</select>
|
| 41 |
<i></i>
|
| 42 |
</div>
|
| 43 |
</div>
|
|
|
|
|
|
|
|
|
|
| 44 |
</div>
|
| 45 |
<div id="class_category_block_1" style="display:none;">
|
| 46 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 47 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 48 |
<div class="class-category" id="class_category_select_1"></div>
|
| 49 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 50 |
</div>
|
| 51 |
</div>
|
| 52 |
</div>
|
| 53 |
|
| 54 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 55 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 56 |
<div class="c-lp-section">
|
| 57 |
<div class="c-amazon-pay">
|
| 58 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 59 |
Amazonアカウントで決済できます
|
| 60 |
</div>
|
| 61 |
<div class="c-amazon-pay__body">
|
| 62 |
<div id="amazon_pay_v2_area">
|
| 63 |
<p class="c-amazon-pay__paragraph">
|
| 64 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 65 |
</p>
|
| 66 |
<div class="c-amazon-pay__consent">
|
| 67 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 68 |
<div class="c-checkbox">
|
| 69 |
<input type="checkbox" id="amazon_v2_agree">
|
| 70 |
<label for="amazon_v2_agree">
|
| 71 |
利用する場合は、
|
| 72 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 73 |
に同意して会員登録する(必須)
|
| 74 |
</label>
|
| 75 |
</div>
|
| 76 |
<!--{/if}-->
|
| 77 |
</div>
|
| 78 |
</div>
|
| 79 |
<div id="amazon_pay_button_v2">
|
| 80 |
<div id="amazon_pay_button_v2_click_area">
|
| 81 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 82 |
<span id="amazon_dummy_btn">
|
| 83 |
<img src="/img/icons/amazon_v2.png">
|
| 84 |
</span>
|
| 85 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 86 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 87 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 88 |
</div>
|
| 89 |
</div>
|
| 90 |
</div>
|
| 91 |
</div>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
<!--{/if}-->
|
| 95 |
|
| 96 |
<!--{* お届け先情報 *}-->
|
| 97 |
<div class="p-lp__address">
|
| 98 |
<div class="c-lp-section">
|
| 99 |
<div class="c-lp-section__title">お客様情報</div>
|
| 100 |
<div class="c-table">
|
| 101 |
<table summary="お届け先" class="c-table__align-left">
|
| 102 |
<tr>
|
| 103 |
<th class="c-width-300">お名前</th>
|
| 104 |
<td colspan="2"><!--{$order_data.deliv_name01}--> <!--{$order_data.deliv_name02}--> (<!--{$order_data.deliv_kana01}--> <!--{$order_data.deliv_kana02}-->)</td>
|
| 105 |
</tr>
|
| 106 |
<tr>
|
| 107 |
<th>郵便番号</th>
|
| 108 |
<td colspan="2">〒<!--{$order_data.deliv_zip01}-->-<!--{$order_data.deliv_zip02}--></td>
|
| 109 |
</tr>
|
| 110 |
<tr>
|
| 111 |
<th>住所</th>
|
| 112 |
<td colspan="2"><!--{$arrPref[$order_data.deliv_pref]}--><!--{$order_data.deliv_addr01}--><!--{$order_data.deliv_addr02}--></td>
|
| 113 |
</tr>
|
| 114 |
<tr>
|
| 115 |
<th>電話番号</th>
|
| 116 |
<td colspan="2"><!--{$order_data.deliv_tel01}-->-<!--{$order_data.deliv_tel02}-->-<!--{$order_data.deliv_tel03}--></td>
|
| 117 |
</tr>
|
| 118 |
|
| 119 |
</table>
|
| 120 |
</div>
|
| 121 |
</div>
|
| 122 |
|
| 123 |
<div class="c-lp-section">
|
| 124 |
<div class="delivery-check">
|
| 125 |
<div class="c-lp-section__title">
|
| 126 |
お届け先
|
| 127 |
<span class="c-form-label-required">必須</span>
|
| 128 |
</div>
|
| 129 |
<div class="c-form-group c-form-group--row">
|
| 130 |
<div class="c-select c-select--lg c-select--white">
|
| 131 |
<select id="address-select">
|
| 132 |
<option value="no_change">上記と同じご住所へお届けする</option>
|
| 133 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 134 |
<option value="other_address">別のお届け先を入力する</option>
|
| 135 |
</select>
|
| 136 |
<input type="hidden" name="other_deliv_id" id="other_deliv_id">
|
| 137 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" style="display:none" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}-->>
|
| 138 |
<i></i>
|
| 139 |
</div>
|
| 140 |
</div>
|
| 141 |
</div>
|
| 142 |
</div>
|
| 143 |
</div>
|
| 144 |
|
| 145 |
<!--{include file="shopping/lp_other_deliv_form.tpl"}-->
|
| 146 |
|
| 147 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 148 |
<!--{if $view_coupon_form}-->
|
| 149 |
<!--{* クーポン *}-->
|
| 150 |
<div class="p-lp__coupon" id="coupon_area" style="display:none;">
|
| 151 |
<div class="c-lp-section">
|
| 152 |
<div class="c-lp-section__title">クーポン</div>
|
| 153 |
<table>
|
| 154 |
<tr>
|
| 155 |
<th>クーポンコード</th>
|
| 156 |
<td id="entry_coupon_td">
|
| 157 |
<div class="c-input-form c-input-form--lg">
|
| 158 |
<input type="text" name="coupon_code" value="<!--{$previouslyUsedCodeCoupon}-->" id="coupon_code" placeholder="クーポンを入力"/>
|
| 159 |
<button type="button" id="check_coupon_code" class="c-button c-button--s c-button--default">
|
| 160 |
<span class="c-button__text">適用</span>
|
| 161 |
<div class="c-button__loader"></div>
|
| 162 |
</button>
|
| 163 |
</div>
|
| 164 |
</td>
|
| 165 |
<td id="view_coupon_td" style="display:none;">
|
| 166 |
<div class="c-input-form c-input-form--lg">
|
| 167 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 168 |
<button type="button" id="remove_coupon_code" class="c-button c-button--s c-button--default">
|
| 169 |
<span class="c-button__text">解除</span>
|
| 170 |
<div class="c-button__loader"></div>
|
| 171 |
</button>
|
| 172 |
</div>
|
| 173 |
</td>
|
| 174 |
</tr>
|
| 175 |
<tr id="coupon_discount_tr" style="display:none;">
|
| 176 |
<th>値引き金額</th>
|
| 177 |
<td colspan="2"><span id="discount"></span>円値引き</td>
|
| 178 |
</tr>
|
| 179 |
</table>
|
| 180 |
<div id="coupon_code_error" class="c-form-error-message"></div>
|
| 181 |
</div>
|
| 182 |
</div>
|
| 183 |
<!--{/if}-->
|
| 184 |
|
| 185 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 186 |
<!--{if $tpl_login && $point_flg != 2 && $isVisiblePointForm}-->
|
| 187 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 188 |
<div class="c-lp-section">
|
| 189 |
<div class="c-lp-section__title">ポイント使用</div>
|
| 190 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 191 |
<div class="point-info">
|
| 192 |
<div class="point-info__row">
|
| 193 |
<div class="point-info__header">
|
| 194 |
今回ご購入合計金額：<br>
|
| 195 |
<small>（送料、手数料を含みません）</small>
|
| 196 |
</div>
|
| 197 |
<div class="point-info__data">
|
| 198 |
<span id="price"></span>
|
| 199 |
</div>
|
| 200 |
</div>
|
| 201 |
<div class="point-info__row">
|
| 202 |
<div class="point-info__header">所持ポイント:</div>
|
| 203 |
<div class="point-info__data">
|
| 204 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 205 |
</div>
|
| 206 |
</div>
|
| 207 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 208 |
<div class="point-info__row">
|
| 209 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 210 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 211 |
</div>
|
| 212 |
<!--{/if}-->
|
| 213 |
<div class="point-info__row point-input-row">
|
| 214 |
<div class="point-info__header">利用ポイント:</div>
|
| 215 |
<div class="point-info__data">
|
| 216 |
<!--{assign var=key value="use_point"}-->
|
| 217 |
<input
|
| 218 |
type="number"
|
| 219 |
name="<!--{$key}-->"
|
| 220 |
value="0"
|
| 221 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-toggle-point-usage__point-value"
|
| 222 |
size="6"
|
| 223 |
min="0"
|
| 224 |
/> pt
|
| 225 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 226 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 227 |
</div>
|
| 228 |
</div>
|
| 229 |
</div>
|
| 230 |
<input type="radio" id="point_on" class="js-toggle-point-usage" name="point_check" value="1" style="display: none;" checked/>
|
| 231 |
<input type="radio" id="point_off" class="js-toggle-point-usage" name="point_check" value="2" style="display: none;"/>
|
| 232 |
</div>
|
| 233 |
</div>
|
| 234 |
<!--{/if}-->
|
| 235 |
|
| 236 |
<!-- AJAX追加 -->
|
| 237 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 238 |
<div class="p-lp-ups__payment">
|
| 239 |
<!--{if !$isReloadDisplay}-->
|
| 240 |
<!--{* 元受注の支払い方法を引き継ぐためのinputタグ *}-->
|
| 241 |
<input type="hidden" name="payment_id_h" value="<!--{$order_data.payment_id}-->" class="payment_id_h" id="payment_id_h">
|
| 242 |
<!--{/if}-->
|
| 243 |
<div id="payment_area" style="display:none;">
|
| 244 |
<div class="c-lp-section">
|
| 245 |
<div class="c-lp-section__title">
|
| 246 |
お支払い方法
|
| 247 |
<span class="c-form-label-required">必須</span>
|
| 248 |
</div>
|
| 249 |
<!--{* ↓お支払い方法取得用↓ *}-->
|
| 250 |
<span id="payment_methods"></span>
|
| 251 |
<!--{* ↑お支払い方法取得用↑ *}-->
|
| 252 |
|
| 253 |
<!--{* カード登録について
|
| 254 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 255 |
*}-->
|
| 256 |
<!--{assign var=registered_change value=false}-->
|
| 257 |
|
| 258 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 259 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 260 |
</div>
|
| 261 |
</div>
|
| 262 |
</div>
|
| 263 |
|
| 264 |
<div class="p-lp-ups__regular">
|
| 265 |
<!--{* ▼ 編集しないでください ▼ *}-->
|
| 266 |
<div id="regular_product_area" style="display: none;">
|
| 267 |
<input type="checkbox" name="regular" value="1" id="regular">
|
| 268 |
</div>
|
| 269 |
<!--{* ▲ 編集しないでください ▲ *}-->
|
| 270 |
|
| 271 |
<div class="delivery_calendar" id="regular-deliv_area" style="display:none;">
|
| 272 |
<div class="c-lp-section">
|
| 273 |
<div class="c-lp-section__title">
|
| 274 |
お届け間隔の指定
|
| 275 |
<span class="c-form-label-required">必須</span>
|
| 276 |
</div>
|
| 277 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 278 |
<span id="regular_cycle_area"></span>
|
| 279 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 280 |
</div>
|
| 281 |
</div>
|
| 282 |
</div>
|
| 283 |
|
| 284 |
<div class="p-lp-ups__delivery">
|
| 285 |
<!--{* ↓お届け時間がこちらに表示されます↓ *}-->
|
| 286 |
<div id="deliv_datetime_area" style="display:none;">
|
| 287 |
<div class="c-lp-section">
|
| 288 |
<div class="c-lp-section__title">お届け時間の指定</div>
|
| 289 |
<div id="deliv_time_area"></div>
|
| 290 |
</div>
|
| 291 |
</div>
|
| 292 |
<!--{* ↑お届け時間がこちらに表示されます↑ *}-->
|
| 293 |
</div>
|
| 294 |
<div class="p-lp__confirm">
|
| 295 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 296 |
<div class="c-lp-section js-confirm-section" style="display:none;">
|
| 297 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 298 |
|
| 299 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 300 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます（ポイントは使用されません）<br>
|
| 301 |
ポイントを使用したい場合、クーポンを解除してください
|
| 302 |
</div>
|
| 303 |
|
| 304 |
<!--商品一覧 表示領域-->
|
| 305 |
<div class="confirm-products">
|
| 306 |
<div class="c-table">
|
| 307 |
<table>
|
| 308 |
<tr>
|
| 309 |
<th>商品名</th>
|
| 310 |
<th>単価</th>
|
| 311 |
<th>数量</th>
|
| 312 |
<th>小計</th>
|
| 313 |
</tr>
|
| 314 |
<tbody id="js-confirm-products"></tbody>
|
| 315 |
</table>
|
| 316 |
</div>
|
| 317 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 318 |
</div>
|
| 319 |
<!--商品一覧 テンプレート-->
|
| 320 |
<table style="display:none;">
|
| 321 |
<tbody id="tmp-confirm-products">
|
| 322 |
<tr>
|
| 323 |
<td>
|
| 324 |
{{product_name}}
|
| 325 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 326 |
<span class="class-category">{{class}}</span>
|
| 327 |
</td>
|
| 328 |
<td class="c-table__align-right">{{price}}円</td>
|
| 329 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 330 |
<td class="c-table__align-right">{{subtotal}}円</td>
|
| 331 |
</tr>
|
| 332 |
</tbody>
|
| 333 |
</table>
|
| 334 |
|
| 335 |
<div class="c-lp-section__title">直前のご注文内容のご確認</div>
|
| 336 |
|
| 337 |
<!--{* 商品一覧 表示領域 ※クロスセル用 *}-->
|
| 338 |
<div class="confirm-products js-confirm-products-closssell-block">
|
| 339 |
<div class="c-table">
|
| 340 |
<table>
|
| 341 |
<tr>
|
| 342 |
<th></th>
|
| 343 |
<th>商品名</th>
|
| 344 |
<th>単価</th>
|
| 345 |
<th>数量</th>
|
| 346 |
<th>小計</th>
|
| 347 |
</tr>
|
| 348 |
<tbody class="js-confirm-products-closssell"></tbody>
|
| 349 |
</table>
|
| 350 |
</div>
|
| 351 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 352 |
</div>
|
| 353 |
<!--商品一覧 テンプレート-->
|
| 354 |
<table style="display:none;">
|
| 355 |
<tbody id="tmp-confirm-products-closssell">
|
| 356 |
<tr>
|
| 357 |
<td>{{order_type}}</td>
|
| 358 |
<td>
|
| 359 |
{{product_name}}
|
| 360 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 361 |
<span class="class-category">{{class}}</span>
|
| 362 |
</td>
|
| 363 |
<td class="c-table__align-right">{{price}}円</td>
|
| 364 |
<td class="c-table__align-center">{{quantity}}</td>
|
| 365 |
<td class="c-table__align-right">{{subtotal}}円</td>
|
| 366 |
</tr>
|
| 367 |
</tbody>
|
| 368 |
</table>
|
| 369 |
|
| 370 |
<!--タイムセール期限 表示領域-->
|
| 371 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 372 |
<div class="c-table">
|
| 373 |
<table>
|
| 374 |
<tr>
|
| 375 |
<th colspan="2">タイムセール期限</th>
|
| 376 |
<tbody id="js-confirm-timesale"></tbody>
|
| 377 |
</tr>
|
| 378 |
</table>
|
| 379 |
</div>
|
| 380 |
</div>
|
| 381 |
<!--タイムセール期限 テンプレート-->
|
| 382 |
<table style="display:none">
|
| 383 |
<tbody id="tmp-confirm-timesale">
|
| 384 |
<tr>
|
| 385 |
<td>{{product_name}}</td>
|
| 386 |
<td>{{timesales_end_date}}</td>
|
| 387 |
</tr>
|
| 388 |
</tbody>
|
| 389 |
</table>
|
| 390 |
|
| 391 |
<div class="confirm-content">
|
| 392 |
<!--購入者情報-->
|
| 393 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 394 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 395 |
<table class="c-table__align-left">
|
| 396 |
<tr>
|
| 397 |
<th>お名前</th>
|
| 398 |
<td>
|
| 399 |
{{join_name}}
|
| 400 |
</td>
|
| 401 |
</tr>
|
| 402 |
<tr>
|
| 403 |
<th>お届け先</th>
|
| 404 |
<td>
|
| 405 |
{{join_shipping}}
|
| 406 |
</td>
|
| 407 |
</tr>
|
| 408 |
<tr>
|
| 409 |
<th>電話番号</th>
|
| 410 |
<td>{{deliv_tel}}</td>
|
| 411 |
</tr>
|
| 412 |
<tr class="js-confirm-deliver-date">
|
| 413 |
<th>お届け指定日</th>
|
| 414 |
<td>
|
| 415 |
{{delivery_date}}
|
| 416 |
<span class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</span>
|
| 417 |
<span class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</span>
|
| 418 |
</td>
|
| 419 |
</tr>
|
| 420 |
<tr class="js-confirm-deliver-time">
|
| 421 |
<th>お届け時間</th>
|
| 422 |
<td>
|
| 423 |
{{delivery_time}}
|
| 424 |
</td>
|
| 425 |
</tr>
|
| 426 |
<tr class="js-confirm-deliver-cycle">
|
| 427 |
<th>お届け指定間隔</th>
|
| 428 |
<td>
|
| 429 |
{{delivery_cycle}}
|
| 430 |
</td>
|
| 431 |
</tr>
|
| 432 |
<tr class="js-confirm-regular-extra-interval">
|
| 433 |
<th></th>
|
| 434 |
<td>
|
| 435 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 436 |
</td>
|
| 437 |
</tr>
|
| 438 |
<tr>
|
| 439 |
<th>お支払い方法</th>
|
| 440 |
<td>
|
| 441 |
{{payment_method}}
|
| 442 |
</td>
|
| 443 |
</tr>
|
| 444 |
<tr class="js-confirm-customer-payment-deadline">
|
| 445 |
<th>お支払い期限</th>
|
| 446 |
<td>{{payment_deadline}}</td>
|
| 447 |
</tr>
|
| 448 |
</table>
|
| 449 |
</div>
|
| 450 |
|
| 451 |
<!--変動サイクル テンプレート-->
|
| 452 |
<template id="tmp-confirm-regular-extra-interval">
|
| 453 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 454 |
</template>
|
| 455 |
|
| 456 |
<div class="confirm-payment">
|
| 457 |
<!--商品合計・手数料・送料 表示領域-->
|
| 458 |
<div id="js-confirm-payment"></div>
|
| 459 |
<!--税額 表示領域-->
|
| 460 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 461 |
</div>
|
| 462 |
</div>
|
| 463 |
|
| 464 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 465 |
<div id="tmp-confirm-payment" style="display:none;">
|
| 466 |
<table>
|
| 467 |
<tr>
|
| 468 |
<th>商品(税込)</th>
|
| 469 |
<td>{{subtotal}}円</td>
|
| 470 |
</tr>
|
| 471 |
<tr>
|
| 472 |
<th>送料(税込)</th>
|
| 473 |
<td>{{deliv_fee}}円</td>
|
| 474 |
</tr>
|
| 475 |
<tr>
|
| 476 |
<th>手数料(税込)</th>
|
| 477 |
<td>{{charge}}円</td>
|
| 478 |
</tr>
|
| 479 |
<tr class="js-confirm-relay-fee">
|
| 480 |
<th>離島手数料(税込)</th>
|
| 481 |
<td>{{relay_fee}}円</td>
|
| 482 |
</tr>
|
| 483 |
<tr class="js-confirm-discount">
|
| 484 |
<th>クーポン値引き金額</th>
|
| 485 |
<td>-{{coupon_discount}}円</td>
|
| 486 |
</tr>
|
| 487 |
<tr class="js-confirm-use-point">
|
| 488 |
<th>ポイント値引き金額</th>
|
| 489 |
<td>-{{use_point}}円</td>
|
| 490 |
</tr>
|
| 491 |
<tbody class="js-sending-data"></tbody>
|
| 492 |
<tr class="confirm-payment__total">
|
| 493 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 494 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 495 |
</tr>
|
| 496 |
<tr class="js-confirm-add-point">
|
| 497 |
<th>加算ポイント</th>
|
| 498 |
<td>{{add_point}}</td>
|
| 499 |
</tr>
|
| 500 |
</table>
|
| 501 |
</div>
|
| 502 |
<!--税額 テンプレート-->
|
| 503 |
<ul id="tmp-taxes" style="display:none;">
|
| 504 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 505 |
</ul>
|
| 506 |
|
| 507 |
<!--発送元特別送料 テンプレート-->
|
| 508 |
<template id="tmp-sending-data">
|
| 509 |
<tr>
|
| 510 |
<th>{{service}}</th>
|
| 511 |
<td>{{cost}}</td>
|
| 512 |
</tr>
|
| 513 |
</template>
|
| 514 |
|
| 515 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 516 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 517 |
<!--定期詳細一覧 表示領域-->
|
| 518 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 519 |
<!--送料・手数料 表示領域-->
|
| 520 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 521 |
|
| 522 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 523 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 524 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 525 |
</div>
|
| 526 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 527 |
<div class="confirm-return">
|
| 528 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 529 |
</div>
|
| 530 |
|
| 531 |
<!--定期詳細一覧 テンプレート-->
|
| 532 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 533 |
<div class="confirm-regular-detail">
|
| 534 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 535 |
<div class="confirm-regular-detail__list">
|
| 536 |
<div class="c-table">
|
| 537 |
<table>
|
| 538 |
<tr>
|
| 539 |
<th>回数</th>
|
| 540 |
<th>商品名</th>
|
| 541 |
<th>数量</th>
|
| 542 |
<th>小計</th>
|
| 543 |
</tr>
|
| 544 |
<tbody class="js-confirm-regular-detail__list"></tbody>
|
| 545 |
</table>
|
| 546 |
</div>
|
| 547 |
</div>
|
| 548 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 549 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 550 |
</div>
|
| 551 |
</div>
|
| 552 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 553 |
<table style="display:none">
|
| 554 |
<tbody id="tmp-confirm-regular-detail__row">
|
| 555 |
<tr>
|
| 556 |
<td class="c-table__align-center"><span class="detail-content__count">{{count}}回目</span></td>
|
| 557 |
<td>
|
| 558 |
{{product_name}}
|
| 559 |
</td>
|
| 560 |
<td class="c-table__align-center"><span class="detail-content__quantity">{{quantity}}</span></td>
|
| 561 |
<td class="c-table__align-right"><span>{{subtotal}}円</span></td>
|
| 562 |
</tr>
|
| 563 |
</tbody>
|
| 564 |
</table>
|
| 565 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 566 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 567 |
<div class="c-table">
|
| 568 |
<table class="c-table__align-left">
|
| 569 |
<tr>
|
| 570 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 571 |
<td class="c-table__align-right">{{total_amount_detail_total}}円</td>
|
| 572 |
</tr>
|
| 573 |
<tr>
|
| 574 |
<th>お届けサイクル</th>
|
| 575 |
<td colspan="3">{{date_text}}にお届け予定</td>
|
| 576 |
</tr>
|
| 577 |
<tr>
|
| 578 |
<th>お届け回数</th>
|
| 579 |
<td colspan="3">{{display_regular_repeat_count}}</td>
|
| 580 |
</tr>
|
| 581 |
</table>
|
| 582 |
</div>
|
| 583 |
</div>
|
| 584 |
|
| 585 |
<!--送料・手数料 テンプレート-->
|
| 586 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 587 |
<div>定期コース送料・手数料一覧</div>
|
| 588 |
<div class="c-table">
|
| 589 |
<table>
|
| 590 |
<tr>
|
| 591 |
<th>回数</th>
|
| 592 |
<th>送料</th>
|
| 593 |
<th>手数料</th>
|
| 594 |
<th>合計</th>
|
| 595 |
</tr>
|
| 596 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 597 |
</table>
|
| 598 |
</div>
|
| 599 |
</div>
|
| 600 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 601 |
<table style="display:none;">
|
| 602 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 603 |
<tr>
|
| 604 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 605 |
<td>{{deliv_fee}}円</td>
|
| 606 |
<td>{{charge}}円</td>
|
| 607 |
<td class="c-table__align-right">{{total}}円</td>
|
| 608 |
</tr>
|
| 609 |
</tbody>
|
| 610 |
</table>
|
| 611 |
|
| 612 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 613 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 614 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 615 |
<div class="c-table total-table">
|
| 616 |
<table>
|
| 617 |
<tr>
|
| 618 |
<th>回数</th>
|
| 619 |
<th>商品</th>
|
| 620 |
<th>送料/手数料</th>
|
| 621 |
<th>合計</th>
|
| 622 |
</tr>
|
| 623 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 624 |
</table>
|
| 625 |
</div>
|
| 626 |
</div>
|
| 627 |
|
| 628 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 629 |
<table style="display:none;">
|
| 630 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 631 |
<tr>
|
| 632 |
<td class="c-table__align-center">{{tmp_count}}回目</td>
|
| 633 |
<td>
|
| 634 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 635 |
</td>
|
| 636 |
<td class="c-table__align-right">
|
| 637 |
<div>手数料：{{charge}}円</div>
|
| 638 |
<div>送料：{{deliv_fee}}円</div>
|
| 639 |
</td>
|
| 640 |
<td class="c-table__align-right">{{total}}円</td>
|
| 641 |
</tr>
|
| 642 |
</tbody>
|
| 643 |
</table>
|
| 644 |
|
| 645 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 646 |
<div style="display:none;">
|
| 647 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 648 |
<div>
|
| 649 |
<div class="product-summary">
|
| 650 |
<div>
|
| 651 |
{{product_name}}
|
| 652 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 653 |
{{product_category}} 数量：{{product_quantity}}
|
| 654 |
</span>
|
| 655 |
</div>
|
| 656 |
<div>
|
| 657 |
{{product_subtotal}}円
|
| 658 |
</div>
|
| 659 |
</div>
|
| 660 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 661 |
</div>
|
| 662 |
</div>
|
| 663 |
</div>
|
| 664 |
|
| 665 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 666 |
<div style="display:none;">
|
| 667 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 668 |
<div>└{{product_name}} {{product_category}} 数量：{{product_quantity}}</div>
|
| 669 |
</div>
|
| 670 |
</div>
|
| 671 |
|
| 672 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 673 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 674 |
<div class="c-table">
|
| 675 |
<table class="c-table__align-left">
|
| 676 |
<tr>
|
| 677 |
<th>商品個数合計</th>
|
| 678 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 679 |
</tr>
|
| 680 |
<tr>
|
| 681 |
<th>
|
| 682 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 683 |
<span>商品 / 送料・手数料総額</span>
|
| 684 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 685 |
</th>
|
| 686 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 687 |
</tr>
|
| 688 |
</table>
|
| 689 |
</div>
|
| 690 |
</div>
|
| 691 |
|
| 692 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 693 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 694 |
<!--商品が複数ある場合使用-->
|
| 695 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 696 |
<!--商品が1つの場合使用-->
|
| 697 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 698 |
</div>
|
| 699 |
</div>
|
| 700 |
</div>
|
| 701 |
<!--{* 切り取り挿入部分 *}-->
|
| 702 |
<input type="hidden" name="ajax_url" id="ajax_url" value="/shopping/lp_ajax.php">
|
| 703 |
<div id="alert_errors" class="c-error-message-section" style="display:none;">
|
| 704 |
<!--{if $arrErr}-->
|
| 705 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 706 |
<!--{$item}--><br>
|
| 707 |
<!--{/foreach}-->
|
| 708 |
<!--{/if}-->
|
| 709 |
</div>
|
| 710 |
|
| 711 |
<!--{* 【非表示】個人情報のお取り扱いについて *}-->
|
| 712 |
<div class="p-lp__consent" style="display:none;">
|
| 713 |
<div class="c-lp-section">
|
| 714 |
<div class="c-lp-section__title c-lp-section__title--center">個人情報のお取り扱いについて</div>
|
| 715 |
<ul class="privacy-check-list">
|
| 716 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 717 |
<!--{* 必要な場合はコメントアウトを外してください *}-->
|
| 718 |
<!--
|
| 719 |
<li>
|
| 720 |
<div class="c-checkbox">
|
| 721 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1">
|
| 722 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 723 |
</div>
|
| 724 |
<input type="hidden" name="no_mailmaga_flg" value="0" id="no_mailmaga_flg" />
|
| 725 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 726 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 727 |
|
| 728 |
</li>
|
| 729 |
-->
|
| 730 |
<!--{/if}-->
|
| 731 |
<li>
|
| 732 |
<!--{assign var=key value="agree"}-->
|
| 733 |
<div class="privacy-check-list__group">
|
| 734 |
<div style="display:none;" id="rule_text_area">
|
| 735 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 736 |
</div>
|
| 737 |
<p>ご購入前に<a class="c-link" id="rule_text_link">利用規約</a>を必ずお読み下さい。</p>
|
| 738 |
<div class="c-checkbox agree-check">
|
| 739 |
+
<!--{* checked にせずに 個人情報のお取り扱いを style="display:none;" とすると確認内容が表示されなくなるためご注意ください。*}-->
|
| 740 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" checked/>
|
| 741 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 742 |
</div>
|
| 743 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 744 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 745 |
</div>
|
| 746 |
</li>
|
| 747 |
</ul>
|
| 748 |
</div>
|
| 749 |
</div>
|
| 750 |
<input type="hidden" id="lp_form_key" value="<!--{$arrGAOrder.lp_form_key}-->">
|
| 751 |
</form>
|
| 752 |
</div>
|
| 753 |
</div>
|
| 754 |
|
| 755 |
<!--{* オファーの受付終了後のブロックです。適宜編集してください。 *}-->
|
| 756 |
<div class="p-lp-ups ups_dialog" id="purchase_offer_reception_closed_block" style="display:none;">
|
| 757 |
有効期限を経過したため受付を終了いたしました。
|
| 758 |
</div>
|
| 759 |
|
| 760 |
<script src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 761 |
|
| 762 |
<script>
|
| 763 |
var EFO = {};
|
| 764 |
EFO.SITE_CONFIG = {};
|
| 765 |
</script>
|
| 766 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 767 |
<script>
|
| 768 |
EFO.page.config = {
|
| 769 |
};
|
| 770 |
EFO.page.classes = {
|
| 771 |
}
|
| 772 |
EFO.page.validation = {
|
| 773 |
}
|
| 774 |
</script>
|
| 775 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 776 |
|
| 777 |
<input type="hidden" class="js-purchase-offer-complete-countdown" value="<!--{$expiration_second|to_js_expr nofilter}-->">
|
| 778 |
|
| 779 |
<!--{* オファー個別js *}-->
|
| 780 |
<!--{$js}-->
|
../tmp/smp/templates/pr_default/forgot/complete.tpl
CHANGED
|
@@ -1,42 +1,42 @@
|
|
| 1 |
<div class="c-contents">
|
| 2 |
<ul class="c-breadcrumb">
|
| 3 |
<li><a class="c-breadcrumb__link" href="/">TOP</a></li>
|
| 4 |
<li><span class="c-breadcrumb__link c-breadcrumb__link--active">パスワードを忘れた方</span></li>
|
| 5 |
</ul>
|
| 6 |
<div class="c-contents-header">
|
| 7 |
<h2 class="c-contents-header__title">パスワードを忘れた方</h2>
|
| 8 |
</div>
|
| 9 |
|
| 10 |
<div class="c-contents-body">
|
| 11 |
<div class="c-section">
|
| 12 |
<!--{if $secure_forgot_mail.secure_forget_mail_mode === $smarty.const.SECURE_FORGOT_MAIL_TEMP_LOGIN}-->
|
| 13 |
<p class="c-paragraph">
|
| 14 |
仮ログインURLを発行致しました。<br />
|
| 15 |
確認メールをご確認下さい。<br />
|
| 16 |
<br />
|
| 17 |
<span class="c-highlight">
|
| 18 |
※ 仮ログインURLは一時的なものですので、お早めにご利用下さい。<br />
|
| 19 |
-
|
| 20 |
</span>
|
| 21 |
</p>
|
| 22 |
<!--{else}-->
|
| 23 |
<p class="c-paragraph">
|
| 24 |
パスワードを再発行致しました。確認メールをご確認ください。<br />
|
| 25 |
<span class="c-highlight">
|
| 26 |
※パスワードは一時的なものですので、お早めにご変更下さい。<br />
|
| 27 |
-
|
| 28 |
</span>
|
| 29 |
</p>
|
| 30 |
-
<!--{/if}-->
|
| 31 |
</div>
|
| 32 |
|
| 33 |
<div class="c-button-group">
|
| 34 |
<a
|
| 35 |
href="/index.php"
|
| 36 |
class="c-button c-button--back-strong"
|
| 37 |
>
|
| 38 |
トップページへ
|
| 39 |
</a>
|
| 40 |
</div>
|
| 41 |
</div>
|
| 42 |
-
</div>
|
|
|
|
| 1 |
<div class="c-contents">
|
| 2 |
<ul class="c-breadcrumb">
|
| 3 |
<li><a class="c-breadcrumb__link" href="/">TOP</a></li>
|
| 4 |
<li><span class="c-breadcrumb__link c-breadcrumb__link--active">パスワードを忘れた方</span></li>
|
| 5 |
</ul>
|
| 6 |
<div class="c-contents-header">
|
| 7 |
<h2 class="c-contents-header__title">パスワードを忘れた方</h2>
|
| 8 |
</div>
|
| 9 |
|
| 10 |
<div class="c-contents-body">
|
| 11 |
<div class="c-section">
|
| 12 |
<!--{if $secure_forgot_mail.secure_forget_mail_mode === $smarty.const.SECURE_FORGOT_MAIL_TEMP_LOGIN}-->
|
| 13 |
<p class="c-paragraph">
|
| 14 |
仮ログインURLを発行致しました。<br />
|
| 15 |
確認メールをご確認下さい。<br />
|
| 16 |
<br />
|
| 17 |
<span class="c-highlight">
|
| 18 |
※ 仮ログインURLは一時的なものですので、お早めにご利用下さい。<br />
|
| 19 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
| 20 |
</span>
|
| 21 |
</p>
|
| 22 |
<!--{else}-->
|
| 23 |
<p class="c-paragraph">
|
| 24 |
パスワードを再発行致しました。確認メールをご確認ください。<br />
|
| 25 |
<span class="c-highlight">
|
| 26 |
※パスワードは一時的なものですので、お早めにご変更下さい。<br />
|
| 27 |
+
パスワードは、マイページの「基本会員情報」よりご変更いただけます。
|
| 28 |
</span>
|
| 29 |
</p>
|
| 30 |
+
<!--{/if}-->
|
| 31 |
</div>
|
| 32 |
|
| 33 |
<div class="c-button-group">
|
| 34 |
<a
|
| 35 |
href="/index.php"
|
| 36 |
class="c-button c-button--back-strong"
|
| 37 |
>
|
| 38 |
トップページへ
|
| 39 |
</a>
|
| 40 |
</div>
|
| 41 |
</div>
|
| 42 |
+
</div>
|
../tmp/smp/templates/pr_default/shopping/lp.tpl
CHANGED
|
@@ -1,1600 +1,1595 @@
|
|
| 1 |
<!--{* ↓編集しないでください↓ *}-->
|
| 2 |
<!--{if $body_file_path !== ''}-->
|
| 3 |
<!--{include file=$body_file_path}-->
|
| 4 |
<!--{/if}-->
|
| 5 |
<!--{if $preview || $non_save_preview}-->
|
| 6 |
<!--{include file=Path::LP_PREVIEW_ATTENTION_TPL_PATH()->getPathname()}-->
|
| 7 |
<!--{/if}-->
|
| 8 |
<!--{* ↑編集しないでください↑ *}-->
|
| 9 |
|
| 10 |
<div class="p-lp c-contents <!--{if $non_save_preview}-->preview<!--{/if}-->">
|
| 11 |
<div class="c-contents-header">
|
| 12 |
<h2 class="c-contents-header__title">購入手続き</h2>
|
| 13 |
</div>
|
| 14 |
<div class="c-contents-body">
|
| 15 |
<form name="form1" id="form1" method="post" action="<!--{$smarty.server.SCRIPT_NAME}-->" autocomplete="off" class="js-efo js-lp-recaptcha-form">
|
| 16 |
<div class="p-lp__product js-lp-product-select">
|
| 17 |
<!--{foreach from=$lp_form_products key="key" item="lp_form_product"}-->
|
| 18 |
<div class="c-lp-section c-lp-section--full-width">
|
| 19 |
<div class="">
|
| 20 |
<div class="c-form-group c-form-group--column">
|
| 21 |
<!--{if deprecated_count($lp_form_products) > 1}-->
|
| 22 |
<label class="c-label" for="product_id">商品<!--{$key}--></label>
|
| 23 |
<!--{/if}-->
|
| 24 |
<div class="efo-form-item efo-form-item--right">
|
| 25 |
<div class="c-select c-select--white">
|
| 26 |
<select class="product_id custom-select" name="product_id[<!--{$key}-->]" id="product_id_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 27 |
<!--{* ↓未選択の商品選択肢を追加したい場合は以下のコメントアウトを外してください↓ *}-->
|
| 28 |
<!--{* <option value="" class="js-lp-product-empty-option">商品を選択してください</option> *}-->
|
| 29 |
|
| 30 |
<!--{* ↓編集しないでください↓ *}-->
|
| 31 |
<!--{foreach $lp_form_product as $product}-->
|
| 32 |
<option value="<!--{$product.product_id}-->"<!--{if $arrForm.product_id[$key] == $product.product_id}--> selected="selected"<!--{/if}-->>
|
| 33 |
<!--{if $product.product_name}--><!--{$product.product_name}--><!--{else}--><!--{$product.name}--><!--{/if}-->
|
| 34 |
</option>
|
| 35 |
<!--{/foreach}-->
|
| 36 |
<!--{* ↑編集しないでください↑ *}-->
|
| 37 |
</select>
|
| 38 |
<i></i>
|
| 39 |
</div>
|
| 40 |
</div>
|
| 41 |
<div id="error-product_id" class="validate-error-message"></div>
|
| 42 |
</div>
|
| 43 |
-
<!--{if $arrPageLayout.show_product_quantity_flg == DtbLpFormModel::SHOW_FLG_SHOW}-->
|
| 44 |
-
<!--{* 数量は適宜編集してください。*}-->
|
| 45 |
<!--{assign var=key1 value="quantity"}-->
|
| 46 |
-
<div class="c-form-group c-form-group--column">
|
| 47 |
<label class="c-label" for="quantity">数量：</label>
|
| 48 |
<div class="c-select c-select--white">
|
| 49 |
<select class="quantity" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 50 |
<!--{section name=i start=1 loop=11}-->
|
| 51 |
<!--{assign var=quantity value="`$smarty.section.i.index`"}-->
|
| 52 |
<option value="<!--{$quantity}-->"<!--{if $arrForm[$key1][$key] == $quantity}--> selected="selected"<!--{/if}-->><!--{$quantity}--></option>
|
| 53 |
<!--{/section}--> </select>
|
| 54 |
<i></i>
|
| 55 |
</div>
|
| 56 |
</div>
|
| 57 |
-
<!--{else}-->
|
| 58 |
-
<input type="hidden" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" value="1">
|
| 59 |
-
<!--{/if}-->
|
| 60 |
<span class="c-form-error-message"><!--{$arrErr.product_id nofilter}--><!--{$arrErr.time_sale_err nofilter}--><!--{$arrErr.time_disp_err nofilter}--><!--{$arrErr.product_err nofilter}--></span>
|
| 61 |
<span class="c-form-error-message"><!--{$arrErr.quantity nofilter}--></span>
|
| 62 |
</div>
|
| 63 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 64 |
<div id="class_category_block_<!--{$key}-->" style="display:none;" class="clear class_category_block">
|
| 65 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 66 |
<div class="smp-lp-classcategory class-category" id="class_category_select_<!--{$key}-->"></div>
|
| 67 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 68 |
</div>
|
| 69 |
|
| 70 |
<div id="bundle_product_block_<!--{$key}-->">
|
| 71 |
<!--{* よりどり商品を選択すると、ここによりどり商品用の UI が表示されます。 *}-->
|
| 72 |
</div>
|
| 73 |
</div>
|
| 74 |
<!--{/foreach}-->
|
| 75 |
</div>
|
| 76 |
|
| 77 |
<!--{* ログイン *}-->
|
| 78 |
<!--{if $register != 2}-->
|
| 79 |
<div id="login" class="p-lp__login">
|
| 80 |
<div class="login-check" summary="ログインチェック" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 81 |
<div class="c-lp-section c-lp-section--full-width">
|
| 82 |
<!--過去に購入したことがある方-->
|
| 83 |
<div class="omit-input">
|
| 84 |
<div class="c-checkbox">
|
| 85 |
<input type="checkbox" name="register" value="1" id="register" <!--{if $register == 1}-->checked="checked"<!--{/if}-->/>
|
| 86 |
<label for="register">
|
| 87 |
<div>
|
| 88 |
<div>入力を省略する</div>
|
| 89 |
<small>（当サイトで購入したことがある方のみ）</small>
|
| 90 |
</div>
|
| 91 |
</label>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
|
| 95 |
<div id="lp-login"<!--{if $register != 1}--> style="display:none;"<!--{/if}-->>
|
| 96 |
<div class="login-section">
|
| 97 |
<p class="c-lp-section__paragraph">
|
| 98 |
前回の購入時または会員登録時に入力したメールアドレスとパスワードを入力し、 ログインボタンをクリックしてください。
|
| 99 |
</p>
|
| 100 |
<div class="login-form">
|
| 101 |
<div class="login-form__input">
|
| 102 |
<div class="c-form-groups c-form-groups--column">
|
| 103 |
<div class="c-form-group c-form-group--column">
|
| 104 |
<label class="c-label" for="login_email">メールアドレス</label>
|
| 105 |
<div class="efo-form-item efo-form-item--right">
|
| 106 |
<input type="email" class="c-textbox c-textbox--white" id="login_email" name="login_email" value="<!--{$arrForm.login_email}-->"/>
|
| 107 |
</div>
|
| 108 |
</div>
|
| 109 |
<div class="c-form-group c-form-group--column">
|
| 110 |
<label class="c-label" for="login_pass">パスワード</label>
|
| 111 |
<div class="c-password-textbox c-password-textbox--full js-toggle-password">
|
| 112 |
<div class="efo-form-item efo-form-item--right">
|
| 113 |
<input type="password" class="c-textbox c-textbox--white" id="login_pass" name="login_pass" value=""/>
|
| 114 |
</div>
|
| 115 |
<i class="c-password-textbox__icon"></i>
|
| 116 |
</div>
|
| 117 |
</div>
|
| 118 |
</div>
|
| 119 |
</div>
|
| 120 |
</div>
|
| 121 |
<div class="login-form__submit">
|
| 122 |
<div>パスワードを忘れた方は<a class="c-link" href="/forgot/index.php" target="_blank">こちら</a>からパスワードの再発行を行ってください。</div>
|
| 123 |
<span class="c-form-error-message"><!--{$arrErr.login_pass nofilter}--></span>
|
| 124 |
<span class="c-form-error-message"><!--{$loginerror nofilter}--></span>
|
| 125 |
<button
|
| 126 |
type="button"
|
| 127 |
class="c-button c-button--lg c-button--default js-lp-login"
|
| 128 |
>
|
| 129 |
ログイン
|
| 130 |
</button>
|
| 131 |
</div>
|
| 132 |
<!--{captcha_form_login}-->
|
| 133 |
</div>
|
| 134 |
<!--
|
| 135 |
<!--{if 'basis-line_app'|get_option_use_flg}-->
|
| 136 |
<div class="line-connect">
|
| 137 |
<!--{include file=$tpl_line_connect label='LINEでログイン'}-->
|
| 138 |
</div>
|
| 139 |
<!--{/if}-->
|
| 140 |
-->
|
| 141 |
</div>
|
| 142 |
</div>
|
| 143 |
</div>
|
| 144 |
</div>
|
| 145 |
<!--{/if}-->
|
| 146 |
|
| 147 |
<!--{* AmazonPayV2用 *}-->
|
| 148 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 149 |
<div class="p-lp__amazon">
|
| 150 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 151 |
<div class="c-amazon-pay">
|
| 152 |
<div id="amazon_h" class="c-amazon-pay__header">Amazonアカウントで決済できます</div>
|
| 153 |
<div id="amazon_button_in">
|
| 154 |
<div class="c-amazon-pay__body">
|
| 155 |
<div id="amazon_pay_v2_area">
|
| 156 |
<p class="c-amazon-pay__paragraph">
|
| 157 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 158 |
</p>
|
| 159 |
<!--{if $return_back_from_amazon_pay_v2 === true}-->
|
| 160 |
<p class="c-amazon-pay__paragraph">現在アマゾンログイン中です。カードを変更し直す場合は再度ボタンのクリックをお願いします。</p>
|
| 161 |
<!--{/if}-->
|
| 162 |
<div class="c-amazon-pay__consent">
|
| 163 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 164 |
<div class="c-checkbox">
|
| 165 |
<input type="checkbox" id="amazon_v2_agree">
|
| 166 |
<label for="amazon_v2_agree">
|
| 167 |
<span>利用する場合は<a class="c-link" href="/entry/kiyaku_popup.php" target="_blank">利用規約</a>に同意して会員登録する(必須)</span>
|
| 168 |
</label>
|
| 169 |
</div>
|
| 170 |
<!--{/if}-->
|
| 171 |
<!--{if $register != 2}-->
|
| 172 |
<div class="c-checkbox">
|
| 173 |
<input type="checkbox" name="amazon_v2_mailmaga_flg" id="amazon_v2_mailmaga_flg" value="1">
|
| 174 |
<label for="amazon_v2_mailmaga_flg">お得な情報を受け取る</label>
|
| 175 |
</div>
|
| 176 |
<!--{/if}-->
|
| 177 |
</div>
|
| 178 |
<!--{if $precs_login_required_flg}-->
|
| 179 |
<p class="c-amazon-pay__paragraph">
|
| 180 |
※ 既に当サイトにて会員登録されております。<br>
|
| 181 |
AmazonPay決済をご利用いただく場合は、ログインを行なった後、お手続きにお進みください。
|
| 182 |
</p>
|
| 183 |
<!--{/if}-->
|
| 184 |
</div>
|
| 185 |
<div class="c-amazon-pay__button-area">
|
| 186 |
<div id="amazon_pay_button_v2">
|
| 187 |
<div id="amazon_pay_button_v2_click_area">
|
| 188 |
<span id="amazon_dummy_btn"><img src="/img/icons/amazon_v2.png"></span>
|
| 189 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 190 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 191 |
</div>
|
| 192 |
</div>
|
| 193 |
</div>
|
| 194 |
</div>
|
| 195 |
</div>
|
| 196 |
</div>
|
| 197 |
</div>
|
| 198 |
</div>
|
| 199 |
<!--{/if}-->
|
| 200 |
|
| 201 |
<!--{* ↓ログイン状態の場合にのみ表示されます *}-->
|
| 202 |
<!--{if $register == 2}-->
|
| 203 |
<div class="p-lp__address">
|
| 204 |
<div class="c-lp-section c-lp-section--full-width">
|
| 205 |
<h3 class="c-lp-section__title">お客様情報</h3>
|
| 206 |
<div class="c-lp-section__column">
|
| 207 |
<div class="c-table c-table--column">
|
| 208 |
<table class="c-table__align-left">
|
| 209 |
<tr>
|
| 210 |
<th>お名前</th>
|
| 211 |
<td><!--{$arrCustomer.order_name01}--> <!--{$arrCustomer.order_name02}--> (<!--{$arrCustomer.order_kana01}--> <!--{$arrCustomer.order_kana02}-->)</td>
|
| 212 |
</tr>
|
| 213 |
<tr>
|
| 214 |
<th>郵便番号</th>
|
| 215 |
<td>〒<!--{$arrCustomer.order_zip01}--><!--{$arrCustomer.order_zip02}--></td>
|
| 216 |
</tr>
|
| 217 |
<tr>
|
| 218 |
<th>住所</th>
|
| 219 |
<td><!--{$arrPref[$arrCustomer.order_pref]}--><!--{$arrCustomer.order_addr01}--><!--{$arrCustomer.order_addr02}--></td>
|
| 220 |
</tr>
|
| 221 |
<tr>
|
| 222 |
<th>電話番号</th>
|
| 223 |
<td><!--{$arrCustomer.order_tel01}-->-<!--{$arrCustomer.order_tel02}-->-<!--{$arrCustomer.order_tel03}--></td>
|
| 224 |
</tr>
|
| 225 |
<!--{if $arrPageLayout.needs_completion == 1}-->
|
| 226 |
<!--{if !$arrCustomer.order_sex}-->
|
| 227 |
<tr>
|
| 228 |
<th>
|
| 229 |
<label for="">性別</label>
|
| 230 |
<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}-->
|
| 231 |
</th>
|
| 232 |
<td>
|
| 233 |
<!--{assign var=key value="order_sex"}-->
|
| 234 |
<div class="c-radio-button-group">
|
| 235 |
<div class="c-radio-button-group__button">
|
| 236 |
<input type="radio" name="order_sex" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm.order_sex == 1}--> checked="checked"<!--{/if}--> />
|
| 237 |
<label for="order_sex_male">男性</label>
|
| 238 |
</div>
|
| 239 |
<div class="c-radio-button-group__button">
|
| 240 |
<input type="radio" name="order_sex" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm.order_sex == 2}--> checked="checked"<!--{/if}--> />
|
| 241 |
<label for="order_sex_female">女性</label>
|
| 242 |
</div>
|
| 243 |
<div class="c-radio-button-group__button">
|
| 244 |
<input type="radio" name="order_sex" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm.order_sex == 0}--> checked="checked"<!--{/if}--> />
|
| 245 |
<label for="order_no_sex">未回答</label>
|
| 246 |
</div>
|
| 247 |
</div>
|
| 248 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 249 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 250 |
</td>
|
| 251 |
</tr>
|
| 252 |
<!--{/if}-->
|
| 253 |
<!--{if !$arrCustomer.order_birth}-->
|
| 254 |
<tr>
|
| 255 |
<th>
|
| 256 |
生年月日
|
| 257 |
<!--{if $req_setting.pc_birth == 'REQUIRED'}-->
|
| 258 |
<span class="c-form-label-required">必須</span>
|
| 259 |
<!--{else}-->
|
| 260 |
<span class="c-form-label-optional">任意</span>
|
| 261 |
<!--{/if}-->
|
| 262 |
<p class="c-form-attention">1985年5月25日の場合、「19850525」を入力</p>
|
| 263 |
</th>
|
| 264 |
<td>
|
| 265 |
<div id="order_birth" class="c-form-group c-form-group--row">
|
| 266 |
<div>
|
| 267 |
<input
|
| 268 |
class="c-textbox c-width-200 js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 269 |
name="birthday"
|
| 270 |
type="tel"
|
| 271 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 272 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 273 |
placeholder="19850525"
|
| 274 |
/>
|
| 275 |
</div>
|
| 276 |
</div>
|
| 277 |
<div class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></div>
|
| 278 |
</td>
|
| 279 |
</tr>
|
| 280 |
<!--{/if}-->
|
| 281 |
<!--{/if}-->
|
| 282 |
</table>
|
| 283 |
</div>
|
| 284 |
</div>
|
| 285 |
<div class="c-lp-section__column">
|
| 286 |
<div class="change-address">
|
| 287 |
<div class="c-form-group c-form-group--column">
|
| 288 |
<h3 class="c-lp-section__title">
|
| 289 |
お届け先
|
| 290 |
<span class="c-form-label-required">必須</span>
|
| 291 |
</h3>
|
| 292 |
<div class="c-select c-select--white">
|
| 293 |
<select id="address-select">
|
| 294 |
<option value="no_change">お客様情報と同じ</option>
|
| 295 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 296 |
<option value="other_address">別のお届け先を入力する</option>
|
| 297 |
</select>
|
| 298 |
<i></i>
|
| 299 |
</div>
|
| 300 |
<div class="address-data-area">
|
| 301 |
<!-- {* 配送先 *} -->
|
| 302 |
<select name="other_deliv_id" id="other_deliv_id">
|
| 303 |
<option value="">配送先を選択してください</option>
|
| 304 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 305 |
</select>
|
| 306 |
<!-- {* 上記と別の住所へお届けする *} -->
|
| 307 |
<input type="checkbox" class="chbox" name="deliv_check" id="deliv_check" value="1" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}--> />
|
| 308 |
</div>
|
| 309 |
</div>
|
| 310 |
</div>
|
| 311 |
</div>
|
| 312 |
</div>
|
| 313 |
</div>
|
| 314 |
<!--{/if}-->
|
| 315 |
|
| 316 |
<!--{* 新規お客様情報（ログインしていない場合） *}-->
|
| 317 |
<!--{if $register != 2}-->
|
| 318 |
<div id="lp-not-login" class="p-lp__register">
|
| 319 |
<div class="c-lp-section c-lp-section--full-width">
|
| 320 |
<h3 class="c-lp-section__title">お客様情報の入力</h3>
|
| 321 |
<!--初めてのお客様は以下よりご入力ください-->
|
| 322 |
<div class="c-table c-table--borderless">
|
| 323 |
<table>
|
| 324 |
<tr>
|
| 325 |
<!--{assign var=key1 value="order_name01"}-->
|
| 326 |
<!--{assign var=key2 value="order_name02"}-->
|
| 327 |
<th>
|
| 328 |
<label class="c-label" for="<!--{$key1}-->">お名前</label>
|
| 329 |
<span class="c-form-label-required">必須</span>
|
| 330 |
</th>
|
| 331 |
<td>
|
| 332 |
<div class="c-form-groups c-form-groups--row">
|
| 333 |
<div class="c-form-group c-form-group--row">
|
| 334 |
<div class="efo-form-item efo-form-item--right">
|
| 335 |
<input type="text" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" class="c-textbox"/>
|
| 336 |
</div>
|
| 337 |
</div>
|
| 338 |
<div class="c-form-group c-form-group--row">
|
| 339 |
<div class="efo-form-item efo-form-item--right">
|
| 340 |
<input type="text" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" class="c-textbox"/>
|
| 341 |
</div>
|
| 342 |
</div>
|
| 343 |
</div>
|
| 344 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 345 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 346 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 347 |
</td>
|
| 348 |
</tr>
|
| 349 |
<tr>
|
| 350 |
<!--{assign var=key1 value="order_kana01"}-->
|
| 351 |
<!--{assign var=key2 value="order_kana02"}-->
|
| 352 |
<th>
|
| 353 |
<label class="c-label" for="<!--{$key1}-->">フリガナ</label>
|
| 354 |
<span class="c-form-label-required">必須</span>
|
| 355 |
</th>
|
| 356 |
<td>
|
| 357 |
<div class="c-form-groups c-form-groups--row">
|
| 358 |
<div class="c-form-group c-form-group--row">
|
| 359 |
<div class="efo-form-item efo-form-item--right">
|
| 360 |
<input type="text" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->" class="c-textbox" />
|
| 361 |
</div>
|
| 362 |
</div>
|
| 363 |
<div class="c-form-group c-form-group--row">
|
| 364 |
<div class="efo-form-item efo-form-item--right">
|
| 365 |
<input type="text" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->" class="c-textbox"/>
|
| 366 |
</div>
|
| 367 |
</div>
|
| 368 |
</div>
|
| 369 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 370 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 371 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 372 |
</td>
|
| 373 |
</tr>
|
| 374 |
<tr>
|
| 375 |
<!--{assign var=key value="order_zip"}-->
|
| 376 |
<th>
|
| 377 |
<label class="c-label" for="<!--{$key}-->">郵便番号</label>
|
| 378 |
<span class="c-form-label-required">必須</span>
|
| 379 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 380 |
</th>
|
| 381 |
<td>
|
| 382 |
<div class="c-form-groups c-form-groups--row">
|
| 383 |
<div class="c-form-group c-form-group--row">
|
| 384 |
<label class="c-label" for="<!--{$key}-->">〒</label>
|
| 385 |
<div class="efo-form-item">
|
| 386 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete.order_zip|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="order_zip" class="c-textbox"/>
|
| 387 |
</div>
|
| 388 |
</div>
|
| 389 |
<div class="c-form-group c-form-group--row">
|
| 390 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="order_zip" data-fill-address-pref="order_pref" data-fill-address-address1="order_addr01" data-fill-address-address2="order_addr02">郵便番号検索</button>
|
| 391 |
</div>
|
| 392 |
</div>
|
| 393 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 394 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 395 |
</td>
|
| 396 |
</tr>
|
| 397 |
<tr>
|
| 398 |
<!--{assign var=key value="order_pref"}-->
|
| 399 |
<th>
|
| 400 |
<label class="c-label" for="<!--{$key}-->">都道府県</label>
|
| 401 |
<span class="c-form-label-required">必須</span>
|
| 402 |
</th>
|
| 403 |
<td>
|
| 404 |
<div class="c-form-group c-form-group--column">
|
| 405 |
<div class="efo-form-item">
|
| 406 |
<div class="c-select c-width-190">
|
| 407 |
<select name="<!--{$key}-->" id="<!--{$key}-->">
|
| 408 |
<option value="">都道府県を選択</option>
|
| 409 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 410 |
</select>
|
| 411 |
<i></i>
|
| 412 |
</div>
|
| 413 |
</div>
|
| 414 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 415 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 416 |
</div>
|
| 417 |
</td>
|
| 418 |
</tr>
|
| 419 |
<tr>
|
| 420 |
<!--{assign var=key value="order_addr01"}-->
|
| 421 |
<th>
|
| 422 |
<label class="c-label" for="<!--{$key}-->">市区町村・町名</label>
|
| 423 |
<span class="c-form-label-required">必須</span>
|
| 424 |
</th>
|
| 425 |
<td>
|
| 426 |
<div class="c-form-group c-form-group--column">
|
| 427 |
<div class="efo-form-item efo-form-item--right">
|
| 428 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_addr01" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" class="c-textbox" />
|
| 429 |
</div>
|
| 430 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 431 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 432 |
</div>
|
| 433 |
</td>
|
| 434 |
</tr>
|
| 435 |
<tr>
|
| 436 |
<!--{assign var=key value="order_addr02"}-->
|
| 437 |
<th>
|
| 438 |
<label class="c-label" for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 439 |
<span class="c-form-label-required">必須</span>
|
| 440 |
</th>
|
| 441 |
<td>
|
| 442 |
<div class="c-form-group c-form-group--column">
|
| 443 |
<div class="efo-form-item efo-form-item--right">
|
| 444 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" class="c-textbox" />
|
| 445 |
</div>
|
| 446 |
<div class="c-form-attention c-form-attention--highlight">
|
| 447 |
部屋番号が記入されているかをご確認ください。<br>
|
| 448 |
記入がないとお届けできないことがあります。
|
| 449 |
</div>
|
| 450 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 451 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 452 |
</div>
|
| 453 |
</td>
|
| 454 |
</tr>
|
| 455 |
<tr>
|
| 456 |
<!--{assign var=key value="order_tel"}-->
|
| 457 |
<th>
|
| 458 |
<label clas="c-label" for="<!--{$key}-->">電話番号</label>
|
| 459 |
<span class="c-form-label-required">必須</span>
|
| 460 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 461 |
</th>
|
| 462 |
<td>
|
| 463 |
<div class="c-form-group c-form-group--row">
|
| 464 |
<div class="efo-form-item">
|
| 465 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" class="c-textbox c-width-200" />
|
| 466 |
</div>
|
| 467 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 468 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 469 |
</div>
|
| 470 |
</td>
|
| 471 |
</tr>
|
| 472 |
<tr>
|
| 473 |
<!--{assign var=key value="order_email"}-->
|
| 474 |
<th>
|
| 475 |
<label class="c-label" for="<!--{$key}-->">メールアドレス</label>
|
| 476 |
<span class="c-form-label-required">必須</span>
|
| 477 |
</th>
|
| 478 |
<td class="js-synchronize-multiple-fields">
|
| 479 |
<div class="c-form-groups c-form-groups--column">
|
| 480 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 481 |
<div class="efo-form-item efo-form-item--right">
|
| 482 |
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" class="c-textbox js-synchronize-multiple-fields__from js-efo-autocomplete-email-address__input" />
|
| 483 |
</div>
|
| 484 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 485 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 486 |
</div>
|
| 487 |
<!--{if $arrPageLayout.confirm_email != 1}-->
|
| 488 |
<!--{assign var=key value="order_email_check"}-->
|
| 489 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 490 |
<div class="efo-form-item efo-form-item--right">
|
| 491 |
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
|
| 492 |
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_email_check" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" class="c-textbox js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" />
|
| 493 |
</div>
|
| 494 |
<span class="c-form-attention c-form-attention--highlight">確認のため2度入力してください</span>
|
| 495 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 496 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 497 |
</div>
|
| 498 |
<!--{/if}-->
|
| 499 |
</div>
|
| 500 |
<!--{if $arrPageLayout.confirm_email === 1}-->
|
| 501 |
<div
|
| 502 |
class="js-toggle-confirm-email c-confirm-email"
|
| 503 |
data-first-input-name="order_email"
|
| 504 |
data-second-input-name="order_email_check">
|
| 505 |
<div class="c-confirm-email__display js-synchronize-multiple-fields__to"></div>
|
| 506 |
</div>
|
| 507 |
<!--{/if}-->
|
| 508 |
</td>
|
| 509 |
</tr>
|
| 510 |
<tr class="password-input-area" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 511 |
<!--{assign var=key value="password"}-->
|
| 512 |
<th>
|
| 513 |
<label class="c-label" for="<!--{$key}-->">パスワード</label>
|
| 514 |
<span class="c-form-label-required">必須</span>
|
| 515 |
<span class="c-form-attention"><b><!--{$password_rule.min_length}--></b>～<b><!--{$password_rule.max_length}--></b>文字の<!--{$password_format_list[$password_rule.rules]}--></span>
|
| 516 |
</th>
|
| 517 |
<td>
|
| 518 |
<div class="c-form-groups c-form-groups--column js-synchronize-multiple-fields">
|
| 519 |
<div class="c-form-group c-form-group--column">
|
| 520 |
<div class="efo-form-item">
|
| 521 |
<div class="c-password-textbox js-toggle-password">
|
| 522 |
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="new-password" id="<!--{$key}-->" placeholder="" class="c-textbox js-synchronize-multiple-fields__from" />
|
| 523 |
<i class="c-password-textbox__icon"></i>
|
| 524 |
</div>
|
| 525 |
</div>
|
| 526 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 527 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 528 |
</div>
|
| 529 |
<!--{if $arrPageLayout.confirm_password != 1}-->
|
| 530 |
<!--{assign var=key value="password02"}-->
|
| 531 |
<div class="c-form-group c-form-group--column">
|
| 532 |
<div class="efo-form-item">
|
| 533 |
<div class="c-password-textbox js-toggle-password">
|
| 534 |
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
|
| 535 |
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="" class="c-textbox" />
|
| 536 |
<i class="c-password-textbox__icon"></i>
|
| 537 |
</div>
|
| 538 |
</div>
|
| 539 |
<span class="c-form-attention c-form-attention--highlight">確認のため2度入力してください</span>
|
| 540 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 541 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 542 |
</div>
|
| 543 |
<!--{/if}-->
|
| 544 |
<small class="c-highlight">※購入履歴の確認などに使用します。</small>
|
| 545 |
</div>
|
| 546 |
</td>
|
| 547 |
</tr>
|
| 548 |
<tr>
|
| 549 |
<!--{assign var=key value="order_sex"}-->
|
| 550 |
<th>
|
| 551 |
<label class="c-label" for="<!--{$key}-->">性別</label>
|
| 552 |
<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}-->
|
| 553 |
</th>
|
| 554 |
<td>
|
| 555 |
<div class="c-radio-button-group">
|
| 556 |
<div class="c-radio-button-group__button">
|
| 557 |
<input type="radio" name="<!--{$key}-->" value="1" id="order_sex_male" <!--{if $arrForm[$key] == 1}--> checked="checked"<!--{/if}--> />
|
| 558 |
<label for="order_sex_male">男性</label>
|
| 559 |
</div>
|
| 560 |
<div class="c-radio-button-group__button">
|
| 561 |
<input type="radio" name="<!--{$key}-->" value="2" id="order_sex_female" <!--{if $arrForm[$key] == 2}--> checked="checked"<!--{/if}--> />
|
| 562 |
<label for="order_sex_female">女性</label>
|
| 563 |
</div>
|
| 564 |
<div class="c-radio-button-group__button">
|
| 565 |
<input type="radio" name="<!--{$key}-->" value="0" id="order_no_sex" <!--{if $arrForm[$key] == 0}--> checked="checked"<!--{/if}--> />
|
| 566 |
<label for="order_no_sex">未回答</label>
|
| 567 |
</div>
|
| 568 |
</div>
|
| 569 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 570 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 571 |
</td>
|
| 572 |
</tr>
|
| 573 |
<tr>
|
| 574 |
<th>
|
| 575 |
<label class="c-label" for="year">生年月日</label>
|
| 576 |
<!--{if $req_setting.pc_birth == 'REQUIRED'}-->
|
| 577 |
<span class="c-form-label-required">必須</span>
|
| 578 |
<!--{else}-->
|
| 579 |
<span class="c-form-label-optional">任意</span>
|
| 580 |
<!--{/if}-->
|
| 581 |
<p class="c-form-attention">1985年5月25日の場合、「19850525」を入力</p>
|
| 582 |
</th>
|
| 583 |
<td>
|
| 584 |
<div class="c-form-group c-form-group--row">
|
| 585 |
<div>
|
| 586 |
<input
|
| 587 |
class="c-textbox c-width-200 js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 588 |
name="birthday"
|
| 589 |
type="tel"
|
| 590 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 591 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 592 |
placeholder="19850525"
|
| 593 |
/>
|
| 594 |
</div>
|
| 595 |
</div>
|
| 596 |
<div class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></div>
|
| 597 |
</td>
|
| 598 |
</tr>
|
| 599 |
</table>
|
| 600 |
</div>
|
| 601 |
|
| 602 |
<div class="c-lp-section__column">
|
| 603 |
<div class="delivery-check">
|
| 604 |
<h3 class="c-lp-section__title">
|
| 605 |
お届け先
|
| 606 |
<span class="c-form-label-required">必須</span>
|
| 607 |
</h3>
|
| 608 |
<input type="checkbox" class="chbox" name="deliv_check" id="deliv_check" value="1" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}--> style="display:none;"/>
|
| 609 |
<div class="c-form-group c-form-group--row">
|
| 610 |
<div class="c-select c-select--lg c-select--white">
|
| 611 |
<select id="deliv_check_select">
|
| 612 |
<option value="0" <!--{if $deliv_check != 1}--> selected<!--{/if}-->>お客様情報と同じ</option>
|
| 613 |
<option value="1" <!--{if $deliv_check == 1}--> selected<!--{/if}-->>別のお届け先を入力する</option>
|
| 614 |
</select>
|
| 615 |
<i></i>
|
| 616 |
</div>
|
| 617 |
</div>
|
| 618 |
</div>
|
| 619 |
</div>
|
| 620 |
</div>
|
| 621 |
</div>
|
| 622 |
<!--{/if}-->
|
| 623 |
|
| 624 |
<div class="p-lp__other-address">
|
| 625 |
<div id="lp-deliv"<!--{if $deliv_check != 1}--> style="display:none;"<!--{/if}-->>
|
| 626 |
<div class="c-lp-section c-lp-section--full-width c-lp-section--blue">
|
| 627 |
<div class="c-table c-table--borderless">
|
| 628 |
<table>
|
| 629 |
<tr>
|
| 630 |
<!--{assign var=key1 value="deliv_name01"}-->
|
| 631 |
<!--{assign var=key2 value="deliv_name02"}-->
|
| 632 |
<th><label class="c-label" for="<!--{$key1}-->">お名前</label><span class="c-form-label-required">必須</span></th>
|
| 633 |
<td>
|
| 634 |
<div class="c-form-groups c-form-groups--row">
|
| 635 |
<div class="c-form-group c-form-group--row">
|
| 636 |
<div class="efo-form-item efo-form-item--right">
|
| 637 |
<input type="text" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" class="c-textbox c-textbox--white" />
|
| 638 |
</div>
|
| 639 |
</div>
|
| 640 |
<div class="c-form-group c-form-group--row">
|
| 641 |
<div class="efo-form-item efo-form-item--right">
|
| 642 |
<input type="text" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" class="c-textbox c-textbox--white" />
|
| 643 |
</div>
|
| 644 |
</div>
|
| 645 |
</div>
|
| 646 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 647 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 648 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 649 |
</td>
|
| 650 |
</tr>
|
| 651 |
<tr>
|
| 652 |
<!--{assign var=key1 value="deliv_kana01"}-->
|
| 653 |
<!--{assign var=key2 value="deliv_kana02"}-->
|
| 654 |
<th><label class="c-label" for="<!--{$key1}-->">フリガナ</label><span class="c-form-label-required">必須</span></th>
|
| 655 |
<td>
|
| 656 |
<div class="c-form-groups c-form-groups--row">
|
| 657 |
<div class="c-form-group c-form-group--row">
|
| 658 |
<div class="efo-form-item efo-form-item--right">
|
| 659 |
<input type="text" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->" class="c-textbox c-textbox--white" />
|
| 660 |
</div>
|
| 661 |
</div>
|
| 662 |
<div class="c-form-group c-form-group--row">
|
| 663 |
<div class="efo-form-item efo-form-item--right">
|
| 664 |
<input type="text" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->" class="c-textbox c-textbox--white" />
|
| 665 |
</div>
|
| 666 |
</div>
|
| 667 |
</div>
|
| 668 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 669 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 670 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 671 |
</td>
|
| 672 |
</tr>
|
| 673 |
<tr>
|
| 674 |
<!--{assign var=key value="deliv_zip"}-->
|
| 675 |
<th>
|
| 676 |
<label class="c-label" for="deliv_zip">郵便番号</label>
|
| 677 |
<span class="c-form-label-required">必須</span>
|
| 678 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 679 |
</th>
|
| 680 |
<td>
|
| 681 |
<div class="c-form-groups c-form-groups--row">
|
| 682 |
<div class="c-form-group c-form-group--row efo-form-item">
|
| 683 |
<label class="c-label" for="<!--{$key}-->">〒</label>
|
| 684 |
<div class="efo-form-item">
|
| 685 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key}-->" class="c-textbox c-textbox--white" />
|
| 686 |
</div>
|
| 687 |
</div>
|
| 688 |
<div class="c-form-group c-form-group--row">
|
| 689 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="deliv_zip" data-fill-address-pref="deliv_pref" data-fill-address-address1="deliv_addr01" data-fill-address-address2="deliv_addr02">郵便番号検索</button>
|
| 690 |
</div>
|
| 691 |
</div>
|
| 692 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 693 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 694 |
</td>
|
| 695 |
</tr>
|
| 696 |
<tr>
|
| 697 |
<!--{assign var=key value="deliv_pref"}-->
|
| 698 |
<th><label class="c-label" for="<!--{$key}-->">都道府県名</label><span class="c-form-label-required">必須</span></th>
|
| 699 |
<td>
|
| 700 |
<div class="efo-form-item">
|
| 701 |
<div class="c-select c-select--white c-width-190 efo-form-item">
|
| 702 |
<select name="<!--{$key}-->" id="<!--{$key}-->">
|
| 703 |
<option value="">都道府県を選択</option>
|
| 704 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 705 |
</select>
|
| 706 |
<i></i>
|
| 707 |
</div>
|
| 708 |
</div>
|
| 709 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 710 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 711 |
</td>
|
| 712 |
</tr>
|
| 713 |
<tr>
|
| 714 |
<!--{assign var=key value="deliv_addr01"}-->
|
| 715 |
<th><label class="c-label" for="<!--{$key}-->">市区町村・町名</label><span class="c-form-label-required">必須</span></th>
|
| 716 |
<td>
|
| 717 |
<div class="efo-form-item efo-form-item--right">
|
| 718 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" class="c-textbox c-textbox--white" />
|
| 719 |
</div>
|
| 720 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 721 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 722 |
</td>
|
| 723 |
</tr>
|
| 724 |
<tr>
|
| 725 |
<!--{assign var=key value="deliv_addr02"}-->
|
| 726 |
<th><label class="c-label" for="<!--{$key}-->">番地・マンション名・号室</label><span class="c-form-label-required">必須</span></th>
|
| 727 |
<td>
|
| 728 |
<div class="efo-form-item efo-form-item--right">
|
| 729 |
<input type="text" id="<!--{$key}-->" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" class="c-textbox c-textbox--white"/>
|
| 730 |
</div>
|
| 731 |
<div class="c-form-attention c-form-attention--highlight">
|
| 732 |
部屋番号が記入されているかをご確認ください。<br>
|
| 733 |
記入がないとお届けできないことがあります。
|
| 734 |
</div>
|
| 735 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 736 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 737 |
</td>
|
| 738 |
</tr>
|
| 739 |
<tr>
|
| 740 |
<!--{assign var=key value="deliv_tel"}-->
|
| 741 |
<th>
|
| 742 |
<label class="c-label" for="<!--{$key}-->">電話番号</label>
|
| 743 |
<span class="c-form-label-required">必須</span>
|
| 744 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 745 |
</th>
|
| 746 |
<td>
|
| 747 |
<div class="c-form-group c-form-group--row">
|
| 748 |
<div class="efo-form-item">
|
| 749 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" class="c-textbox c-textbox--white c-width-200" />
|
| 750 |
</div>
|
| 751 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 752 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 753 |
</div>
|
| 754 |
</td>
|
| 755 |
</tr>
|
| 756 |
</table>
|
| 757 |
</div>
|
| 758 |
</div>
|
| 759 |
</div>
|
| 760 |
</div>
|
| 761 |
|
| 762 |
<div class="js-c-bundle-combination__hidden_until_all_requirements_are_fulfilled">
|
| 763 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 764 |
<!--{if $view_coupon_form}-->
|
| 765 |
<div class="p-lp__coupon">
|
| 766 |
<div class="c-lp-section c-lp-section--full-width" id="coupon_area" style="display:none;">
|
| 767 |
<h3 class="c-lp-section__title">
|
| 768 |
クーポン
|
| 769 |
<span class="c-form-label-optional">任意</span>
|
| 770 |
</h3>
|
| 771 |
<div id="entry_coupon_td">
|
| 772 |
<div class="c-input-form">
|
| 773 |
<input type="text" name="coupon_code" value="" id="coupon_code" placeholder="クーポンコードを入力"/>
|
| 774 |
<button type="button" id="check_coupon_code" class="c-button c-button--default">
|
| 775 |
<span class="c-button__text">適用</span>
|
| 776 |
<div class="c-button__loader"></div>
|
| 777 |
</button>
|
| 778 |
</div>
|
| 779 |
</div>
|
| 780 |
<div id="view_coupon_td" style="display:none;">
|
| 781 |
<table>
|
| 782 |
<tr>
|
| 783 |
<th>クーポンコード</th>
|
| 784 |
<td>
|
| 785 |
<div class="c-input-form">
|
| 786 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 787 |
<button type="button" id="remove_coupon_code" class="c-button c-button--secondary">
|
| 788 |
<span class="c-button__text">解除</span>
|
| 789 |
<div class="c-button__loader"></div>
|
| 790 |
</button>
|
| 791 |
</div>
|
| 792 |
</td>
|
| 793 |
</tr>
|
| 794 |
<tr>
|
| 795 |
<th>値引き金額</th>
|
| 796 |
<td>
|
| 797 |
<div id="coupon_discount_tr" style="display:none;">
|
| 798 |
<span id="discount"></span>円値引き
|
| 799 |
</div>
|
| 800 |
</td>
|
| 801 |
</tr>
|
| 802 |
</table>
|
| 803 |
</div>
|
| 804 |
<span class="c-form-error-message" id="coupon_code_error"></span>
|
| 805 |
</div>
|
| 806 |
</div>
|
| 807 |
<!--{/if}-->
|
| 808 |
|
| 809 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 810 |
<!--{if $register == 2 && $point_flg != 2}-->
|
| 811 |
<div class="p-lp__point">
|
| 812 |
<div id="point_area" class="c-lp-section c-lp-section--full-width" style="display:none;">
|
| 813 |
<h3 class="c-lp-section__title">
|
| 814 |
ポイント使用
|
| 815 |
<span class="c-form-label-optional">任意</span>
|
| 816 |
</h3>
|
| 817 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 818 |
<div class="point-info">
|
| 819 |
<div class="point-info__row">
|
| 820 |
<div class="point-info__header">
|
| 821 |
今回ご購入合計金額：<br>
|
| 822 |
<small>（送料、手数料を含みません）</small>
|
| 823 |
</div>
|
| 824 |
<div class="point-info__data">
|
| 825 |
<span id="price"></span>
|
| 826 |
</div>
|
| 827 |
</div>
|
| 828 |
<div class="point-info__row">
|
| 829 |
<div class="point-info__header">所持ポイント:</div>
|
| 830 |
<div class="point-info__data">
|
| 831 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 832 |
</div>
|
| 833 |
</div>
|
| 834 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 835 |
<div class="point-info__row">
|
| 836 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 837 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 838 |
</div>
|
| 839 |
<!--{/if}-->
|
| 840 |
<div class="point-info__row point-input-row">
|
| 841 |
<div class="point-info__header">利用ポイント:</div>
|
| 842 |
<div class="point-info__data">
|
| 843 |
<!--{assign var=key value="use_point"}-->
|
| 844 |
<input
|
| 845 |
type="number"
|
| 846 |
name="<!--{$key}-->"
|
| 847 |
value="0"
|
| 848 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-select-at-focus"
|
| 849 |
size="6"
|
| 850 |
min="0"
|
| 851 |
/> pt
|
| 852 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 853 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 854 |
</div>
|
| 855 |
</div>
|
| 856 |
</div>
|
| 857 |
<input type="radio" id="point_on" name="point_check" value="1" style="display:none;" checked/>
|
| 858 |
<input type="radio" id="point_off" name="point_check" value="2" style="display:none;"/>
|
| 859 |
</div>
|
| 860 |
</div>
|
| 861 |
<!--{/if}-->
|
| 862 |
|
| 863 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 864 |
<div class="p-lp__payment">
|
| 865 |
<div id="payment_area" class="c-lp-section c-lp-section--full-width" style="display:none;" data-qa="container-payment">
|
| 866 |
<h3 class="c-lp-section__title">
|
| 867 |
お支払い方法
|
| 868 |
<span class="c-form-label-required">必須</span>
|
| 869 |
</h3>
|
| 870 |
<!--{* ↓このspan内にお支払い方法のチェックボックス群が表示されます↓ *}-->
|
| 871 |
<div id="payment_methods"></div>
|
| 872 |
<!--{* ↑このspan内にお支払い方法のチェックボックス群が表示されます↑ *}-->
|
| 873 |
|
| 874 |
<!--{* カード登録について
|
| 875 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 876 |
*}-->
|
| 877 |
<!--{assign var=registered_change value=false}-->
|
| 878 |
|
| 879 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 880 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 881 |
</div>
|
| 882 |
</div>
|
| 883 |
<!--{if $arrForm.payment_wallet_id}-->
|
| 884 |
<input type="hidden" value="<!--{$arrForm.payment_wallet_id}-->" id="zeus_payment_wallet_id">
|
| 885 |
<!--{/if}-->
|
| 886 |
<!--{* 定期関連 *}-->
|
| 887 |
<div class="p-lp__regular">
|
| 888 |
<!--{* 商品が選択された状態で、それが定期商品であれば、以下が自動的に表示されます。未選択や非定期商品選択時は消えます *}-->
|
| 889 |
<div id="regular_product_area" style="display:none;"><!--{* 定期選択時に定期購入チェックボックスを表示させたい場合は消してください。 *}-->
|
| 890 |
<input type="checkbox" name="regular" value="1" class="chbox" id="regular"<!--{if ($regular_product && $reg_flg == 1) || ($regular_product && $no_regular == 0)}--> checked="checked" <!--{/if}--> />
|
| 891 |
</div>
|
| 892 |
|
| 893 |
<!--{* 上記の「定期購入を希望する」をチェックしてる場合のみ表示されます。それ以外は消えます *}-->
|
| 894 |
<div class="lp-regular smp-lp-bottomline" id="regular-deliv_area" style="display:none;">
|
| 895 |
<div class="c-lp-section c-lp-section--full-width">
|
| 896 |
<h3 class="c-lp-section__title">
|
| 897 |
お届け間隔の指定
|
| 898 |
<span class="c-form-label-required">必須</span>
|
| 899 |
</h3>
|
| 900 |
<div>
|
| 901 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 902 |
<span id="regular_cycle_area"></span>
|
| 903 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 904 |
</div>
|
| 905 |
</div>
|
| 906 |
</div>
|
| 907 |
</div>
|
| 908 |
<!--{* 定期関連ここまで *}-->
|
| 909 |
|
| 910 |
<div class="p-lp__delivery">
|
| 911 |
<div class="c-lp-section c-lp-section--full-width" id="deliv_datetime_area" style="display:none;">
|
| 912 |
<h3 class="c-lp-section__title">お届け希望日時</h3>
|
| 913 |
<!--{* ↓このspan内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↓ *}-->
|
| 914 |
<div id="deliv_time_area"></div>
|
| 915 |
<!--{* ↑このspan内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↑ *}-->
|
| 916 |
</div>
|
| 917 |
</div>
|
| 918 |
|
| 919 |
<!--{* お問い合わせ欄を設置したい場合はコメントアウトを外してください *}-->
|
| 920 |
<!--
|
| 921 |
<div class="p-lp__other">
|
| 922 |
<div class="c-lp-section c-lp-section--full-width" id="smp_lpmessage">
|
| 923 |
<h3 class="c-lp-section__title">
|
| 924 |
その他お問い合わせ
|
| 925 |
<span class="c-form-label-optional">任意</span>
|
| 926 |
</h3>
|
| 927 |
<!--{assign var=key value="message"}-->
|
| 928 |
<textarea class="c-textarea" name="<!--{$key}-->" rows="4" placeholder="ご質問・ご要望などはこちらにご入力ください。"><!--{$arrForm[$key]}--></textarea>
|
| 929 |
<div class="c-form-attention">(<!--{$smarty.const.LTEXT_LEN}-->文字まで)</div>
|
| 930 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 931 |
</div>
|
| 932 |
</div>
|
| 933 |
-->
|
| 934 |
<!-- /.js-c-bundle-product__hidden_until_all_requirements_are_fulfilled -->
|
| 935 |
</div>
|
| 936 |
|
| 937 |
<!--{* 顧客アンケート *}-->
|
| 938 |
<!--{if 'v3_survey'|get_option_use_flg}-->
|
| 939 |
<div class="p-lp__survey js-survey-section" style="display: none;">
|
| 940 |
<div class="c-lp-section c-lp-section--full-width">
|
| 941 |
<div class="c-lp-section__title">アンケート</div>
|
| 942 |
<div class="js-survey c-survey"></div>
|
| 943 |
</div>
|
| 944 |
</div>
|
| 945 |
|
| 946 |
<!--{assign var=survey value=$arrForm['survey']|@to_json}-->
|
| 947 |
<!--{if $survey && $survey !== 'null'}-->
|
| 948 |
<script type="application/json" id="js-survey-json">
|
| 949 |
<!--{$survey nofilter}-->
|
| 950 |
</script>
|
| 951 |
<!--{/if}-->
|
| 952 |
<!--{/if}-->
|
| 953 |
|
| 954 |
<div class="p-lp__consent">
|
| 955 |
<div class="c-lp-section c-lp-section--full-width">
|
| 956 |
<h3 class="c-lp-section__title">
|
| 957 |
個人情報のお取り扱いについて
|
| 958 |
<span class="c-form-label-required">必須</span>
|
| 959 |
</h3>
|
| 960 |
<ul class="privacy-check-list">
|
| 961 |
<!--{if $register != 2}--><!--{* 非ログイン時のみ表示されます *}-->
|
| 962 |
<li>
|
| 963 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 964 |
<input type="hidden" name="mailmaga_flg" value="1" />
|
| 965 |
<!--{else}-->
|
| 966 |
<div class="c-checkbox">
|
| 967 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1" <!--{if $arrForm.mailmaga_flg == 1}-->checked="checked"<!--{/if}--> />
|
| 968 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 969 |
</div>
|
| 970 |
<div class="c-form-attention">希望しない場合はチェックを外してください。</div>
|
| 971 |
<!--{/if}-->
|
| 972 |
<span class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></span>
|
| 973 |
</li>
|
| 974 |
<!--{/if}-->
|
| 975 |
<li>
|
| 976 |
<p class="c-lp-section__paragraph">ご購入前に<a class="c-link" href="/entry/kiyaku_popup.php" target="_blank">利用規約</a>をお読みください</p>
|
| 977 |
<!--{assign var=key value="agree"}-->
|
| 978 |
<div class="efo-form-item efo-form-item--right">
|
| 979 |
<div class="c-checkbox agree-check">
|
| 980 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" />
|
| 981 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 982 |
</div>
|
| 983 |
</div>
|
| 984 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 985 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 986 |
</li>
|
| 987 |
</ul>
|
| 988 |
</div>
|
| 989 |
</div>
|
| 990 |
|
| 991 |
<!--{*確認ページスキップがオンの場合、簡易確認フォームを表示 *}-->
|
| 992 |
<!--{if $skip_confirm_page_flg}-->
|
| 993 |
<div class="p-lp__confirm">
|
| 994 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 995 |
<div class="js-confirm-section c-lp-section c-lp-section--full-width" style="display:none;">
|
| 996 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 997 |
|
| 998 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 999 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます<br>
|
| 1000 |
（ポイントは使用されません）<br>
|
| 1001 |
ポイントを使用したい場合、クーポンを解除してください
|
| 1002 |
</div>
|
| 1003 |
|
| 1004 |
<!--商品一覧 表示領域-->
|
| 1005 |
<div class="confirm-products">
|
| 1006 |
<ul id="js-confirm-products"></ul>
|
| 1007 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 1008 |
</div>
|
| 1009 |
<!--商品一覧 テンプレート-->
|
| 1010 |
<ul id="tmp-confirm-products" style="display:none;">
|
| 1011 |
<li>
|
| 1012 |
{{product_name}}
|
| 1013 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 1014 |
<span class="class-category">{{class}}</span><br>
|
| 1015 |
<template class="tmp-confirm-products-bundle-parts-product">
|
| 1016 |
<div>└ {{parts_product_name}}</div>
|
| 1017 |
</template>
|
| 1018 |
商品単価：{{price}}円
|
| 1019 |
数量：{{quantity}}
|
| 1020 |
<br>{{code_coupon_limit}}
|
| 1021 |
</li>
|
| 1022 |
</ul>
|
| 1023 |
|
| 1024 |
<!--タイムセール期限 表示領域-->
|
| 1025 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 1026 |
<div class="c-table">
|
| 1027 |
<table>
|
| 1028 |
<tr>
|
| 1029 |
<th colspan="2">タイムセール期限</th>
|
| 1030 |
<tbody id="js-confirm-timesale"></tbody>
|
| 1031 |
</tr>
|
| 1032 |
</table>
|
| 1033 |
</div>
|
| 1034 |
</div>
|
| 1035 |
<!--タイムセール期限 テンプレート-->
|
| 1036 |
<table style="display:none">
|
| 1037 |
<tbody id="tmp-confirm-timesale">
|
| 1038 |
<tr>
|
| 1039 |
<td>{{product_name}}</td>
|
| 1040 |
<td>{{timesales_end_date}}</td>
|
| 1041 |
</tr>
|
| 1042 |
</tbody>
|
| 1043 |
</table>
|
| 1044 |
|
| 1045 |
<!--商品合計・手数料・消費税・送料領域-->
|
| 1046 |
<div class="confirm-payment">
|
| 1047 |
<!--商品合計・手数料・送料 表示領域-->
|
| 1048 |
<div id="js-confirm-payment"></div>
|
| 1049 |
<!--税額 表示領域-->
|
| 1050 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 1051 |
</div>
|
| 1052 |
|
| 1053 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 1054 |
<div id="tmp-confirm-payment" style="display:none;" data-qa="container-order-info">
|
| 1055 |
<table>
|
| 1056 |
<tr>
|
| 1057 |
<th>商品(税込)</th>
|
| 1058 |
<td>{{subtotal}}円</td>
|
| 1059 |
</tr>
|
| 1060 |
<tr>
|
| 1061 |
<th>送料(税込)</th>
|
| 1062 |
<td>{{deliv_fee}}円</td>
|
| 1063 |
</tr>
|
| 1064 |
<tr>
|
| 1065 |
<th>手数料(税込)</th>
|
| 1066 |
<td>{{charge}}円</td>
|
| 1067 |
</tr>
|
| 1068 |
<tr class="js-confirm-relay-fee">
|
| 1069 |
<th>離島手数料(税込)</th>
|
| 1070 |
<td>{{relay_fee}}円</td>
|
| 1071 |
</tr>
|
| 1072 |
<tr class="js-confirm-discount">
|
| 1073 |
<th>クーポン値引き金額</th>
|
| 1074 |
<td data-qa="text-coupon-discount-price">-{{coupon_discount}}円</td>
|
| 1075 |
</tr>
|
| 1076 |
<tr class="js-confirm-use-point">
|
| 1077 |
<th>ポイント値引き金額</th>
|
| 1078 |
<td>-{{use_point}}円</td>
|
| 1079 |
</tr>
|
| 1080 |
<tbody class="js-sending-data"></tbody>
|
| 1081 |
<tr class="confirm-payment__total">
|
| 1082 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 1083 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 1084 |
</tr>
|
| 1085 |
<tr class="js-confirm-add-point">
|
| 1086 |
<th>今回加算されるポイント</th>
|
| 1087 |
<td class="js-confirm-add-point-label">{{add_point}}ポイント</td>
|
| 1088 |
<td class="js-confirm-add-point-regular-label">{{add_point_regular}}ポイント</td>
|
| 1089 |
</tr>
|
| 1090 |
</table>
|
| 1091 |
</div>
|
| 1092 |
<!--税額 テンプレート-->
|
| 1093 |
<ul id="tmp-taxes" style="display:none;">
|
| 1094 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 1095 |
</ul>
|
| 1096 |
|
| 1097 |
<!--発送元特別送料 テンプレート-->
|
| 1098 |
<template id="tmp-sending-data">
|
| 1099 |
<tr>
|
| 1100 |
<th>{{service}}</th>
|
| 1101 |
<td>{{cost}}円</td>
|
| 1102 |
</tr>
|
| 1103 |
</template>
|
| 1104 |
|
| 1105 |
<!--購入者情報 表示領域-->
|
| 1106 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 1107 |
|
| 1108 |
<!--購入者情報 テンプレート-->
|
| 1109 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 1110 |
<div class="c-table c-table--column">
|
| 1111 |
<table class="c-table__align-left">
|
| 1112 |
<tr>
|
| 1113 |
<th>
|
| 1114 |
お名前
|
| 1115 |
<button type="button" class="js-confirm-change-name js-confirm-change c-link confirm-change" data-target-selector="#lp-not-login">変更</button>
|
| 1116 |
</th>
|
| 1117 |
<td>{{join_name}}</td>
|
| 1118 |
</tr>
|
| 1119 |
<tr>
|
| 1120 |
<th>
|
| 1121 |
お届け先
|
| 1122 |
<button type="button" class="js-confirm-change-shipping js-confirm-change c-link confirm-change" data-target-selector=".p-lp__address">変更</button>
|
| 1123 |
</th>
|
| 1124 |
<td>{{join_shipping}}</td>
|
| 1125 |
</tr>
|
| 1126 |
<tr>
|
| 1127 |
<th>電話番号</th>
|
| 1128 |
<td>{{deliv_tel}}</td>
|
| 1129 |
</tr>
|
| 1130 |
<tr class="js-confirm-deliver-date">
|
| 1131 |
<th>
|
| 1132 |
お届け指定日
|
| 1133 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1134 |
</th>
|
| 1135 |
<td>
|
| 1136 |
{{delivery_date}}
|
| 1137 |
<div class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</div>
|
| 1138 |
<div class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</div>
|
| 1139 |
</td>
|
| 1140 |
</tr>
|
| 1141 |
<tr class="js-confirm-deliver-time">
|
| 1142 |
<th>
|
| 1143 |
お届け時間
|
| 1144 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1145 |
</th>
|
| 1146 |
<td>{{delivery_time}}</td>
|
| 1147 |
</tr>
|
| 1148 |
<tr class="js-confirm-deliver-cycle">
|
| 1149 |
<th>
|
| 1150 |
お届け指定間隔
|
| 1151 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__regular">変更</button>
|
| 1152 |
</th>
|
| 1153 |
<td>
|
| 1154 |
{{delivery_cycle}}
|
| 1155 |
<div class="js-confirm-regular-extra-interval">
|
| 1156 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 1157 |
</div>
|
| 1158 |
</td>
|
| 1159 |
</tr>
|
| 1160 |
<tr>
|
| 1161 |
<th>
|
| 1162 |
お支払い方法
|
| 1163 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__payment">変更</button>
|
| 1164 |
</th>
|
| 1165 |
<td>{{payment_method}}</td>
|
| 1166 |
</tr>
|
| 1167 |
<tr class="js-confirm-customer-payment-deadline">
|
| 1168 |
<th>お支払い期限</th>
|
| 1169 |
<td>{{payment_deadline}}</td>
|
| 1170 |
</tr>
|
| 1171 |
<tr class="js-confirm-message">
|
| 1172 |
<th>その他お問い合わせ</th>
|
| 1173 |
<td>{{message}}</td>
|
| 1174 |
</tr>
|
| 1175 |
</table>
|
| 1176 |
</div>
|
| 1177 |
</div>
|
| 1178 |
|
| 1179 |
<!--変動サイクル テンプレート-->
|
| 1180 |
<template id="tmp-confirm-regular-extra-interval">
|
| 1181 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 1182 |
</template>
|
| 1183 |
|
| 1184 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 1185 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 1186 |
<!--定期詳細一覧 表示領域-->
|
| 1187 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 1188 |
<!--送料・手数料 表示領域-->
|
| 1189 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 1190 |
|
| 1191 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 1192 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 1193 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 1194 |
</div>
|
| 1195 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 1196 |
<div class="confirm-return">
|
| 1197 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 1198 |
</div>
|
| 1199 |
|
| 1200 |
<!--定期詳細一覧 テンプレート-->
|
| 1201 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 1202 |
<div class="confirm-regular-detail">
|
| 1203 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 1204 |
<ul class="js-confirm-regular-detail__list confirm-regular-detail__list"></ul>
|
| 1205 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 1206 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 1207 |
</div>
|
| 1208 |
</div>
|
| 1209 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 1210 |
<div id="tmp-confirm-regular-detail__row" style="display:none">
|
| 1211 |
<li class="confirm-regular-detail__row">
|
| 1212 |
<div class="detail-content">
|
| 1213 |
<span class="detail-content__count">{{count}}回目</span>
|
| 1214 |
<span>小計:{{subtotal}}円</span>
|
| 1215 |
<span class="detail-content__quantity">数量：{{quantity}}</span>
|
| 1216 |
</div>
|
| 1217 |
{{product_name}}
|
| 1218 |
</li>
|
| 1219 |
</div>
|
| 1220 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 1221 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 1222 |
<table class="total-table">
|
| 1223 |
<tr>
|
| 1224 |
<th>値引き金額総合計</th>
|
| 1225 |
<td class="c-table__align-right">{{total_amount_detail_discount}}円</td>
|
| 1226 |
</tr>
|
| 1227 |
<tr>
|
| 1228 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 1229 |
<td>{{total_amount_detail_total}}円</td>
|
| 1230 |
</tr>
|
| 1231 |
</table>
|
| 1232 |
<div class="cycle-table c-table c-table--column">
|
| 1233 |
<table>
|
| 1234 |
<tr><th>お届けサイクル</th><td colspan="3">{{date_text}}にお届け予定</td></tr>
|
| 1235 |
<tr><th>お届け回数</th><td colspan="3">{{display_regular_repeat_count}}</td></tr>
|
| 1236 |
</table>
|
| 1237 |
</div>
|
| 1238 |
</div>
|
| 1239 |
|
| 1240 |
<!--送料・手数料 テンプレート-->
|
| 1241 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 1242 |
<div>定期コース送料・手数料一覧</div>
|
| 1243 |
<div class="c-table">
|
| 1244 |
<table>
|
| 1245 |
<tr>
|
| 1246 |
<th>回数</th>
|
| 1247 |
<th>送料・手数料</th>
|
| 1248 |
<th>合計</th>
|
| 1249 |
</tr>
|
| 1250 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 1251 |
</table>
|
| 1252 |
</div>
|
| 1253 |
</div>
|
| 1254 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 1255 |
<table style="display:none;">
|
| 1256 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 1257 |
<tr>
|
| 1258 |
<td>{{tmp_count}}回</td>
|
| 1259 |
<td>手数料：{{charge}}円 / 送料：{{deliv_fee}}円</td>
|
| 1260 |
<td>{{total}}円</td>
|
| 1261 |
</tr>
|
| 1262 |
</tbody>
|
| 1263 |
</table>
|
| 1264 |
|
| 1265 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 1266 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 1267 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 1268 |
<div class="c-table total-table">
|
| 1269 |
<table>
|
| 1270 |
<tr>
|
| 1271 |
<th>回数</th>
|
| 1272 |
<th>
|
| 1273 |
商品<br>
|
| 1274 |
送料/手数料<br>
|
| 1275 |
合計
|
| 1276 |
</th>
|
| 1277 |
</tr>
|
| 1278 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 1279 |
</table>
|
| 1280 |
</div>
|
| 1281 |
</div>
|
| 1282 |
|
| 1283 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 1284 |
<table style="display:none;">
|
| 1285 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 1286 |
<tr>
|
| 1287 |
<td rowspan="3" class="c-table__align-center">{{tmp_count}}回</td>
|
| 1288 |
<td>
|
| 1289 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 1290 |
</td>
|
| 1291 |
</tr>
|
| 1292 |
<tr>
|
| 1293 |
<td class="c-table__align-right">
|
| 1294 |
<div>手数料：{{charge}}円</div>
|
| 1295 |
<div>送料：{{deliv_fee}}円</div>
|
| 1296 |
</td>
|
| 1297 |
</tr>
|
| 1298 |
<tr><td class="c-table__align-right">合計：{{total}}円</td></tr>
|
| 1299 |
</tbody>
|
| 1300 |
</table>
|
| 1301 |
|
| 1302 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 1303 |
<div style="display:none;">
|
| 1304 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 1305 |
<div>
|
| 1306 |
<div class="product-summary">
|
| 1307 |
<div>
|
| 1308 |
{{product_name}}
|
| 1309 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 1310 |
{{product_category}} × {{product_quantity}}
|
| 1311 |
</span>
|
| 1312 |
</div>
|
| 1313 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 1314 |
<div class="product-summary__price">{{product_subtotal}}円</div>
|
| 1315 |
</div>
|
| 1316 |
</div>
|
| 1317 |
</div>
|
| 1318 |
</div>
|
| 1319 |
|
| 1320 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 1321 |
<div style="display:none;">
|
| 1322 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 1323 |
<div>└{{product_name}} {{product_category}} × {{product_quantity}}</div>
|
| 1324 |
</div>
|
| 1325 |
</div>
|
| 1326 |
|
| 1327 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 1328 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 1329 |
<div class="c-table">
|
| 1330 |
<table>
|
| 1331 |
<tr>
|
| 1332 |
<th>商品個数合計</th>
|
| 1333 |
</tr>
|
| 1334 |
<tr>
|
| 1335 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 1336 |
</tr>
|
| 1337 |
<tr>
|
| 1338 |
<th>
|
| 1339 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 1340 |
<span>商品 / 送料・手数料総額</span>
|
| 1341 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 1342 |
</th>
|
| 1343 |
</tr>
|
| 1344 |
<tr>
|
| 1345 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 1346 |
</tr>
|
| 1347 |
</table>
|
| 1348 |
</div>
|
| 1349 |
</div>
|
| 1350 |
|
| 1351 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 1352 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 1353 |
<!--商品が複数ある場合使用-->
|
| 1354 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 1355 |
<!--商品が1つの場合使用-->
|
| 1356 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 1357 |
</div>
|
| 1358 |
</div>
|
| 1359 |
</div>
|
| 1360 |
<!--{/if}-->
|
| 1361 |
|
| 1362 |
<!--購入確認画面-->
|
| 1363 |
<div class="p-lp__submit">
|
| 1364 |
<div class="c-error-message-section" id="alert_errors" <!--{if !$arrErr}-->style="display:none;"<!--{/if}-->>
|
| 1365 |
<span class="smp-lp-confirm">
|
| 1366 |
<!--{if $arrErr}-->
|
| 1367 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 1368 |
<span><!--{$item nofilter}--></span>
|
| 1369 |
<!--{/foreach}-->
|
| 1370 |
<!--{/if}-->
|
| 1371 |
</span>
|
| 1372 |
</div>
|
| 1373 |
|
| 1374 |
<!--{if $preview}-->
|
| 1375 |
<div>
|
| 1376 |
<div class="c-button-group">
|
| 1377 |
<input type="button" id="confirm_submit_image" class="c-button c-button--lg c-button--gradient-green" value = "お申込み内容を確認する" onclick="return false;"/>
|
| 1378 |
</div>
|
| 1379 |
</div>
|
| 1380 |
<!--{else}-->
|
| 1381 |
<!--{if !$skip_confirm_page_flg}-->
|
| 1382 |
<div id="confirm_submit">
|
| 1383 |
<div class="c-button-group">
|
| 1384 |
<input type="button" id="confirm_submit_image" class="c-button c-button--lg c-button--gradient-green" value = "お申込み内容を確認する" onclick="return false;"/>
|
| 1385 |
</div>
|
| 1386 |
</div>
|
| 1387 |
<!--{else}-->
|
| 1388 |
<!-- 簡易確認フォーム・購入完了ボタン -->
|
| 1389 |
<div id="confirm_submit">
|
| 1390 |
<div id="skip_confirm_submit">
|
| 1391 |
<div class="c-button-group">
|
| 1392 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" disabled="disabled" type="button" id="confirm_submit_image" value="注文を確定する" onclick="return false;">
|
| 1393 |
</div>
|
| 1394 |
</div>
|
| 1395 |
</div>
|
| 1396 |
<!--{/if}-->
|
| 1397 |
<!--{/if}-->
|
| 1398 |
</div>
|
| 1399 |
|
| 1400 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1401 |
<!--{foreach from=$arrHiddens key="key_h" item="val_h"}-->
|
| 1402 |
<input type="hidden" name="<!--{$key_h}-->" value="<!--{$val_h.value}-->" class="<!--{$val_h.class}-->" id="<!--{$val_h.class}--><!--{$key_h}-->" />
|
| 1403 |
<!--{/foreach}-->
|
| 1404 |
<!--{if !empty($selected_classcategory_list)}-->
|
| 1405 |
<!--{foreach from=$selected_classcategory_list key="classcategory_key" item="classcategory_data"}-->
|
| 1406 |
<!--{foreach from=$classcategory_data key="bulk_number" item="classcategory_data_detail"}-->
|
| 1407 |
<input type="hidden" name="<!--{$classcategory_key}-->[<!--{$bulk_number}-->]" value="<!--{$classcategory_data_detail.value}-->" class="<!--{$classcategory_data_detail.class}-->" id="selected_<!--{$classcategory_key}-->_<!--{$bulk_number}-->" data-key="<!--{$classcategory_key}-->" data-bulk_number="<!--{$bulk_number}-->" />
|
| 1408 |
<!--{/foreach}-->
|
| 1409 |
<!--{/foreach}-->
|
| 1410 |
<!--{/if}-->
|
| 1411 |
<!--{foreach from=$arrErr key="key_e" item="val_e"}-->
|
| 1412 |
<input type="hidden" name="errors_<!--{$key_e}-->" value="<!--{$val_e}-->" class="errors" id="errors_<!--{$key_e}-->" />
|
| 1413 |
<!--{/foreach}-->
|
| 1414 |
<input type="hidden" name="ajax_url" value="<!--{$ajax_url}-->" id="ajax_url" />
|
| 1415 |
<input type="hidden" name="spider" value=""/>
|
| 1416 |
<input type="hidden" class="js-spider-tracker" value="<!--{$spider_tracker}-->"/>
|
| 1417 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1418 |
<!--{captcha_form_lp_shopping}-->
|
| 1419 |
</form>
|
| 1420 |
|
| 1421 |
<!--paidy用注文確定ボタン-->
|
| 1422 |
<div id="paidy_skip_confirm_submit" style="display:none;">
|
| 1423 |
<div class="c-button-group">
|
| 1424 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="paidy_confirm_submit_image" value="注文を確定する" onclick="immediatePaidyTag('skip_confirm')">
|
| 1425 |
</div>
|
| 1426 |
</div>
|
| 1427 |
|
| 1428 |
<!--atone決済用注文確定ボタン-->
|
| 1429 |
<div id="atone_skip_confirm_submit" style="display:none;">
|
| 1430 |
<div class="c-button-group">
|
| 1431 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="atone_confirm_submit_image" value="注文を確定する" onclick="AtonePayment.start('skip_confirm')">
|
| 1432 |
</div>
|
| 1433 |
</div>
|
| 1434 |
|
| 1435 |
</div>
|
| 1436 |
</div>
|
| 1437 |
|
| 1438 |
<!--{* よりどり購入設定 *}-->
|
| 1439 |
<!--{if file_exists(Path::user_template_dir('config/bundle_config.tpl')->getPathname())}-->
|
| 1440 |
<!--{include file=Path::user_template_dir('config/bundle_config.tpl')->getPathname()}-->
|
| 1441 |
<!--{/if}-->
|
| 1442 |
|
| 1443 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1444 |
<input type="hidden" id="use_lp_only_flg" value="<!--{$use_lp_only_flg}-->">
|
| 1445 |
<input type="hidden" id="skip_confirm_page_flg" value="<!--{$skip_confirm_page_flg}-->">
|
| 1446 |
<input type="hidden" id="is_mobile_flg" value="1">
|
| 1447 |
<!--{if $lp_content != false}--><!--{include file=$lp_content layout='lp_footer' footer_file_path=$footer_file_path}--><!--{/if}-->
|
| 1448 |
|
| 1449 |
<!--{if $footer_file_path !== ''}-->
|
| 1450 |
<!--{include file=$footer_file_path}-->
|
| 1451 |
<!--{/if}-->
|
| 1452 |
|
| 1453 |
<script type="text/javascript" src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1454 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1455 |
|
| 1456 |
<!--{* ポップアップバナー *}-->
|
| 1457 |
<!--{$popup_banner}-->
|
| 1458 |
|
| 1459 |
<script>
|
| 1460 |
window.addEventListener('DOMContentLoaded', () => {
|
| 1461 |
const APP$ = window.APP.$;
|
| 1462 |
|
| 1463 |
<!--{* スクロール関連ここから *}-->
|
| 1464 |
const lpAdjustScroll = () => {
|
| 1465 |
<!--{if $login_success}--> <!--{* ログイン成功時 *}-->
|
| 1466 |
lp.adjustScroll(
|
| 1467 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1468 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1469 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1470 |
);
|
| 1471 |
<!--{elseif $loginerror}--> <!--{* ログイン失敗時 *}-->
|
| 1472 |
lp.adjustScroll(
|
| 1473 |
'#lp-login', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1474 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1475 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1476 |
);
|
| 1477 |
<!--{elseif $return_from_confirm}--> <!--{* 確認画面からの戻り時 *}-->
|
| 1478 |
lp.adjustScroll(
|
| 1479 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1480 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1481 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1482 |
);
|
| 1483 |
<!--{else}--> <!--{* 上記以外 ファーストアクセスなど *}-->
|
| 1484 |
<!--{* 上記を参考に適宜指定してください *}-->
|
| 1485 |
<!--{/if}-->
|
| 1486 |
};
|
| 1487 |
<!--{* スクロール関連ここまで *}-->
|
| 1488 |
|
| 1489 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1490 |
APP$(window).on('load', async function () {
|
| 1491 |
$emptyOptions = APP$('.js-lp-product-empty-option');
|
| 1492 |
if ($emptyOptions.length > 0 && $emptyOptions.length == $emptyOptions.filter(':selected').length) {
|
| 1493 |
lp.emit('lpFetched');
|
| 1494 |
return;
|
| 1495 |
}
|
| 1496 |
<!--{if $lp_bulk_count > 0}-->
|
| 1497 |
<!--{for $i=1 to $lp_bulk_count}-->
|
| 1498 |
await lp.fetch_data(APP$('#product_id_' + <!--{$i}-->).val(), APP$('#quantity_' + <!--{$i}-->).val(), <!--{$i}-->);
|
| 1499 |
<!--{/for}-->
|
| 1500 |
<!--{/if}-->
|
| 1501 |
lp.emit('lpFetched');
|
| 1502 |
lpAdjustScroll();
|
| 1503 |
});
|
| 1504 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1505 |
|
| 1506 |
APP$(function() {
|
| 1507 |
// エラーフォーム背景指定
|
| 1508 |
var valid = new Array("dummy"<!--{foreach from=$arrErr key="key" item="item"}-->,"<!--{$key}-->"<!--{/foreach}-->);
|
| 1509 |
for (var i = 0; i < valid.length; i++){
|
| 1510 |
APP$('*[name=' + valid[i] + ']').css("background", "rgb(253, 234, 234)");
|
| 1511 |
}
|
| 1512 |
|
| 1513 |
// 入力フォーム背景指定
|
| 1514 |
APP$('input, select').focus( function () { APP$(this).css("background", "") } );
|
| 1515 |
});
|
| 1516 |
|
| 1517 |
APP$('#mailmaga_flg').click(function(){
|
| 1518 |
if(APP$(this).prop('checked')){
|
| 1519 |
APP$('#no_mailmaga_flg').val(0);
|
| 1520 |
}
|
| 1521 |
else{
|
| 1522 |
APP$('#no_mailmaga_flg').val(1);
|
| 1523 |
}
|
| 1524 |
});
|
| 1525 |
});
|
| 1526 |
</script>
|
| 1527 |
|
| 1528 |
<!--{* LPフォーム入力アシスト機能 パーツカラーの上書き *}-->
|
| 1529 |
<!--{*
|
| 1530 |
<style>
|
| 1531 |
:root {
|
| 1532 |
--efo-message-textColor: ;
|
| 1533 |
--efo-message-backgroundColor: ;
|
| 1534 |
--efo-progress-textColor: ;
|
| 1535 |
--efo-progress-accentColor: ;
|
| 1536 |
--efo-progress-backgroundColor: ;
|
| 1537 |
--efo-error-form-borderColor: ;
|
| 1538 |
--efo-error-form-textColor: ;
|
| 1539 |
--efo-error-form-backgroundColor: ;
|
| 1540 |
--efo-success-form-borderColor: ;
|
| 1541 |
--efo-success-form-textColor: ;
|
| 1542 |
--efo-success-form-backgroundColor: ;
|
| 1543 |
--efo-incomplete-backgroundColor: ;
|
| 1544 |
--efo-incomplete-textColor: ;
|
| 1545 |
--efo-incomplete-linkColor: ;
|
| 1546 |
}
|
| 1547 |
</style>
|
| 1548 |
*}-->
|
| 1549 |
|
| 1550 |
<script>
|
| 1551 |
var EFO = {};
|
| 1552 |
EFO.SITE_CONFIG = {
|
| 1553 |
password: {
|
| 1554 |
min: <!--{$password_rule.min_length|escape:javascript nofilter}-->,
|
| 1555 |
max: <!--{$password_rule.max_length|escape:javascript nofilter}-->
|
| 1556 |
},
|
| 1557 |
birthday: {
|
| 1558 |
required: <!--{if $req_setting.pc_birth == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1559 |
},
|
| 1560 |
sex: {
|
| 1561 |
selected: <!--{if $req_setting.pc_sex == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1562 |
}
|
| 1563 |
}
|
| 1564 |
</script>
|
| 1565 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1566 |
<script src="/assets/efo/js/config.sp.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1567 |
<script>
|
| 1568 |
EFO.page.config = {
|
| 1569 |
showIncomplete: Boolean(<!--{$skip_confirm_page_flg}-->),
|
| 1570 |
};
|
| 1571 |
EFO.page.classes = {
|
| 1572 |
};
|
| 1573 |
EFO.page.validation = {
|
| 1574 |
};
|
| 1575 |
EFO.page.validationMessage = {
|
| 1576 |
};
|
| 1577 |
</script>
|
| 1578 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1579 |
|
| 1580 |
<!--{* リピスト Chat ここから *}-->
|
| 1581 |
<!--{if 'lp_chat_form'|get_option_use_flg == true && $is_usable_chat}-->
|
| 1582 |
<link rel="stylesheet" href="<!--{$SMP_TPL_DIR}-->assets/chat_form/css/style.css" type="text/css" media="all" />
|
| 1583 |
<script>
|
| 1584 |
var ChatForm = {
|
| 1585 |
lpFormKey: (new URL(document.location)).searchParams.get('p') || '<!--{$smarty.session.site.from_lp_product|escape:javascript nofilter}-->' || '<!--{$p|escape:javascript nofilter}-->',
|
| 1586 |
lpAjaxUrl: '<!--{$ajax_url}-->',
|
| 1587 |
isMobile: true,
|
| 1588 |
spiderTracker: "<!--{$spider_tracker}-->",
|
| 1589 |
showRegularTotalAddFeeTable: false
|
| 1590 |
}
|
| 1591 |
</script>
|
| 1592 |
<script src="/assets/chat_form/js/chat_form.min.js" defer></script>
|
| 1593 |
<div id="cf-root"></div>
|
| 1594 |
<!--{/if}-->
|
| 1595 |
<!--{* リピスト Chat ここまで *}-->
|
| 1596 |
|
| 1597 |
<!--{* LPフォーム個別js *}-->
|
| 1598 |
<!--{if isset($js_file_path) && $js_file_path !== ''}-->
|
| 1599 |
<script src="<!--{$js_file_path}-->?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1600 |
<!--{/if}-->
|
|
|
|
| 1 |
<!--{* ↓編集しないでください↓ *}-->
|
| 2 |
<!--{if $body_file_path !== ''}-->
|
| 3 |
<!--{include file=$body_file_path}-->
|
| 4 |
<!--{/if}-->
|
| 5 |
<!--{if $preview || $non_save_preview}-->
|
| 6 |
<!--{include file=Path::LP_PREVIEW_ATTENTION_TPL_PATH()->getPathname()}-->
|
| 7 |
<!--{/if}-->
|
| 8 |
<!--{* ↑編集しないでください↑ *}-->
|
| 9 |
|
| 10 |
<div class="p-lp c-contents <!--{if $non_save_preview}-->preview<!--{/if}-->">
|
| 11 |
<div class="c-contents-header">
|
| 12 |
<h2 class="c-contents-header__title">購入手続き</h2>
|
| 13 |
</div>
|
| 14 |
<div class="c-contents-body">
|
| 15 |
<form name="form1" id="form1" method="post" action="<!--{$smarty.server.SCRIPT_NAME}-->" autocomplete="off" class="js-efo js-lp-recaptcha-form">
|
| 16 |
<div class="p-lp__product js-lp-product-select">
|
| 17 |
<!--{foreach from=$lp_form_products key="key" item="lp_form_product"}-->
|
| 18 |
<div class="c-lp-section c-lp-section--full-width">
|
| 19 |
<div class="">
|
| 20 |
<div class="c-form-group c-form-group--column">
|
| 21 |
<!--{if deprecated_count($lp_form_products) > 1}-->
|
| 22 |
<label class="c-label" for="product_id">商品<!--{$key}--></label>
|
| 23 |
<!--{/if}-->
|
| 24 |
<div class="efo-form-item efo-form-item--right">
|
| 25 |
<div class="c-select c-select--white">
|
| 26 |
<select class="product_id custom-select" name="product_id[<!--{$key}-->]" id="product_id_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 27 |
<!--{* ↓未選択の商品選択肢を追加したい場合は以下のコメントアウトを外してください↓ *}-->
|
| 28 |
<!--{* <option value="" class="js-lp-product-empty-option">商品を選択してください</option> *}-->
|
| 29 |
|
| 30 |
<!--{* ↓編集しないでください↓ *}-->
|
| 31 |
<!--{foreach $lp_form_product as $product}-->
|
| 32 |
<option value="<!--{$product.product_id}-->"<!--{if $arrForm.product_id[$key] == $product.product_id}--> selected="selected"<!--{/if}-->>
|
| 33 |
<!--{if $product.product_name}--><!--{$product.product_name}--><!--{else}--><!--{$product.name}--><!--{/if}-->
|
| 34 |
</option>
|
| 35 |
<!--{/foreach}-->
|
| 36 |
<!--{* ↑編集しないでください↑ *}-->
|
| 37 |
</select>
|
| 38 |
<i></i>
|
| 39 |
</div>
|
| 40 |
</div>
|
| 41 |
<div id="error-product_id" class="validate-error-message"></div>
|
| 42 |
</div>
|
|
|
|
|
|
|
| 43 |
<!--{assign var=key1 value="quantity"}-->
|
| 44 |
+
<div class="c-form-group c-form-group--column js-product-quantity-manager" data-bulk_number="<!--{$key}-->" style="display: none;">
|
| 45 |
<label class="c-label" for="quantity">数量：</label>
|
| 46 |
<div class="c-select c-select--white">
|
| 47 |
<select class="quantity" name="quantity[<!--{$key}-->]" id="quantity_<!--{$key}-->" data-bulk_number="<!--{$key}-->">
|
| 48 |
<!--{section name=i start=1 loop=11}-->
|
| 49 |
<!--{assign var=quantity value="`$smarty.section.i.index`"}-->
|
| 50 |
<option value="<!--{$quantity}-->"<!--{if $arrForm[$key1][$key] == $quantity}--> selected="selected"<!--{/if}-->><!--{$quantity}--></option>
|
| 51 |
<!--{/section}--> </select>
|
| 52 |
<i></i>
|
| 53 |
</div>
|
| 54 |
</div>
|
|
|
|
|
|
|
|
|
|
| 55 |
<span class="c-form-error-message"><!--{$arrErr.product_id nofilter}--><!--{$arrErr.time_sale_err nofilter}--><!--{$arrErr.time_disp_err nofilter}--><!--{$arrErr.product_err nofilter}--></span>
|
| 56 |
<span class="c-form-error-message"><!--{$arrErr.quantity nofilter}--></span>
|
| 57 |
</div>
|
| 58 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 59 |
<div id="class_category_block_<!--{$key}-->" style="display:none;" class="clear class_category_block">
|
| 60 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 61 |
<div class="smp-lp-classcategory class-category" id="class_category_select_<!--{$key}-->"></div>
|
| 62 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 63 |
</div>
|
| 64 |
|
| 65 |
<div id="bundle_product_block_<!--{$key}-->">
|
| 66 |
<!--{* よりどり商品を選択すると、ここによりどり商品用の UI が表示されます。 *}-->
|
| 67 |
</div>
|
| 68 |
</div>
|
| 69 |
<!--{/foreach}-->
|
| 70 |
</div>
|
| 71 |
|
| 72 |
<!--{* ログイン *}-->
|
| 73 |
<!--{if $register != 2}-->
|
| 74 |
<div id="login" class="p-lp__login">
|
| 75 |
<div class="login-check" summary="ログインチェック" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 76 |
<div class="c-lp-section c-lp-section--full-width">
|
| 77 |
<!--過去に購入したことがある方-->
|
| 78 |
<div class="omit-input">
|
| 79 |
<div class="c-checkbox">
|
| 80 |
<input type="checkbox" name="register" value="1" id="register" <!--{if $register == 1}-->checked="checked"<!--{/if}-->/>
|
| 81 |
<label for="register">
|
| 82 |
<div>
|
| 83 |
<div>入力を省略する</div>
|
| 84 |
<small>（当サイトで購入したことがある方のみ）</small>
|
| 85 |
</div>
|
| 86 |
</label>
|
| 87 |
</div>
|
| 88 |
</div>
|
| 89 |
|
| 90 |
<div id="lp-login"<!--{if $register != 1}--> style="display:none;"<!--{/if}-->>
|
| 91 |
<div class="login-section">
|
| 92 |
<p class="c-lp-section__paragraph">
|
| 93 |
前回の購入時または会員登録時に入力したメールアドレスとパスワードを入力し、 ログインボタンをクリックしてください。
|
| 94 |
</p>
|
| 95 |
<div class="login-form">
|
| 96 |
<div class="login-form__input">
|
| 97 |
<div class="c-form-groups c-form-groups--column">
|
| 98 |
<div class="c-form-group c-form-group--column">
|
| 99 |
<label class="c-label" for="login_email">メールアドレス</label>
|
| 100 |
<div class="efo-form-item efo-form-item--right">
|
| 101 |
<input type="email" class="c-textbox c-textbox--white" id="login_email" name="login_email" value="<!--{$arrForm.login_email}-->"/>
|
| 102 |
</div>
|
| 103 |
</div>
|
| 104 |
<div class="c-form-group c-form-group--column">
|
| 105 |
<label class="c-label" for="login_pass">パスワード</label>
|
| 106 |
<div class="c-password-textbox c-password-textbox--full js-toggle-password">
|
| 107 |
<div class="efo-form-item efo-form-item--right">
|
| 108 |
<input type="password" class="c-textbox c-textbox--white" id="login_pass" name="login_pass" value=""/>
|
| 109 |
</div>
|
| 110 |
<i class="c-password-textbox__icon"></i>
|
| 111 |
</div>
|
| 112 |
</div>
|
| 113 |
</div>
|
| 114 |
</div>
|
| 115 |
</div>
|
| 116 |
<div class="login-form__submit">
|
| 117 |
<div>パスワードを忘れた方は<a class="c-link" href="/forgot/index.php" target="_blank">こちら</a>からパスワードの再発行を行ってください。</div>
|
| 118 |
<span class="c-form-error-message"><!--{$arrErr.login_pass nofilter}--></span>
|
| 119 |
<span class="c-form-error-message"><!--{$loginerror nofilter}--></span>
|
| 120 |
<button
|
| 121 |
type="button"
|
| 122 |
class="c-button c-button--lg c-button--default js-lp-login"
|
| 123 |
>
|
| 124 |
ログイン
|
| 125 |
</button>
|
| 126 |
</div>
|
| 127 |
<!--{captcha_form_login}-->
|
| 128 |
</div>
|
| 129 |
<!--
|
| 130 |
<!--{if 'basis-line_app'|get_option_use_flg}-->
|
| 131 |
<div class="line-connect">
|
| 132 |
<!--{include file=$tpl_line_connect label='LINEでログイン'}-->
|
| 133 |
</div>
|
| 134 |
<!--{/if}-->
|
| 135 |
-->
|
| 136 |
</div>
|
| 137 |
</div>
|
| 138 |
</div>
|
| 139 |
</div>
|
| 140 |
<!--{/if}-->
|
| 141 |
|
| 142 |
<!--{* AmazonPayV2用 *}-->
|
| 143 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 144 |
<div class="p-lp__amazon">
|
| 145 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 146 |
<div class="c-amazon-pay">
|
| 147 |
<div id="amazon_h" class="c-amazon-pay__header">Amazonアカウントで決済できます</div>
|
| 148 |
<div id="amazon_button_in">
|
| 149 |
<div class="c-amazon-pay__body">
|
| 150 |
<div id="amazon_pay_v2_area">
|
| 151 |
<p class="c-amazon-pay__paragraph">
|
| 152 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 153 |
</p>
|
| 154 |
<!--{if $return_back_from_amazon_pay_v2 === true}-->
|
| 155 |
<p class="c-amazon-pay__paragraph">現在アマゾンログイン中です。カードを変更し直す場合は再度ボタンのクリックをお願いします。</p>
|
| 156 |
<!--{/if}-->
|
| 157 |
<div class="c-amazon-pay__consent">
|
| 158 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 159 |
<div class="c-checkbox">
|
| 160 |
<input type="checkbox" id="amazon_v2_agree">
|
| 161 |
<label for="amazon_v2_agree">
|
| 162 |
<span>利用する場合は<a class="c-link" href="/entry/kiyaku_popup.php" target="_blank">利用規約</a>に同意して会員登録する(必須)</span>
|
| 163 |
</label>
|
| 164 |
</div>
|
| 165 |
<!--{/if}-->
|
| 166 |
<!--{if $register != 2}-->
|
| 167 |
<div class="c-checkbox">
|
| 168 |
<input type="checkbox" name="amazon_v2_mailmaga_flg" id="amazon_v2_mailmaga_flg" value="1">
|
| 169 |
<label for="amazon_v2_mailmaga_flg">お得な情報を受け取る</label>
|
| 170 |
</div>
|
| 171 |
<!--{/if}-->
|
| 172 |
</div>
|
| 173 |
<!--{if $precs_login_required_flg}-->
|
| 174 |
<p class="c-amazon-pay__paragraph">
|
| 175 |
※ 既に当サイトにて会員登録されております。<br>
|
| 176 |
AmazonPay決済をご利用いただく場合は、ログインを行なった後、お手続きにお進みください。
|
| 177 |
</p>
|
| 178 |
<!--{/if}-->
|
| 179 |
</div>
|
| 180 |
<div class="c-amazon-pay__button-area">
|
| 181 |
<div id="amazon_pay_button_v2">
|
| 182 |
<div id="amazon_pay_button_v2_click_area">
|
| 183 |
<span id="amazon_dummy_btn"><img src="/img/icons/amazon_v2.png"></span>
|
| 184 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 185 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 186 |
</div>
|
| 187 |
</div>
|
| 188 |
</div>
|
| 189 |
</div>
|
| 190 |
</div>
|
| 191 |
</div>
|
| 192 |
</div>
|
| 193 |
</div>
|
| 194 |
<!--{/if}-->
|
| 195 |
|
| 196 |
<!--{* ↓ログイン状態の場合にのみ表示されます *}-->
|
| 197 |
<!--{if $register == 2}-->
|
| 198 |
<div class="p-lp__address">
|
| 199 |
<div class="c-lp-section c-lp-section--full-width">
|
| 200 |
<h3 class="c-lp-section__title">お客様情報</h3>
|
| 201 |
<div class="c-lp-section__column">
|
| 202 |
<div class="c-table c-table--column">
|
| 203 |
<table class="c-table__align-left">
|
| 204 |
<tr>
|
| 205 |
<th>お名前</th>
|
| 206 |
<td><!--{$arrCustomer.order_name01}--> <!--{$arrCustomer.order_name02}--> (<!--{$arrCustomer.order_kana01}--> <!--{$arrCustomer.order_kana02}-->)</td>
|
| 207 |
</tr>
|
| 208 |
<tr>
|
| 209 |
<th>郵便番号</th>
|
| 210 |
<td>〒<!--{$arrCustomer.order_zip01}--><!--{$arrCustomer.order_zip02}--></td>
|
| 211 |
</tr>
|
| 212 |
<tr>
|
| 213 |
<th>住所</th>
|
| 214 |
<td><!--{$arrPref[$arrCustomer.order_pref]}--><!--{$arrCustomer.order_addr01}--><!--{$arrCustomer.order_addr02}--></td>
|
| 215 |
</tr>
|
| 216 |
<tr>
|
| 217 |
<th>電話番号</th>
|
| 218 |
<td><!--{$arrCustomer.order_tel01}-->-<!--{$arrCustomer.order_tel02}-->-<!--{$arrCustomer.order_tel03}--></td>
|
| 219 |
</tr>
|
| 220 |
<!--{if $arrPageLayout.needs_completion == 1}-->
|
| 221 |
<!--{if !$arrCustomer.order_sex}-->
|
| 222 |
<tr>
|
| 223 |
<th>
|
| 224 |
<label for="">性別</label>
|
| 225 |
<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}-->
|
| 226 |
</th>
|
| 227 |
<td>
|
| 228 |
<!--{assign var=key value="order_sex"}-->
|
| 229 |
<div class="c-radio-button-group">
|
| 230 |
<div class="c-radio-button-group__button">
|
| 231 |
<input type="radio" name="order_sex" value="1" class="order_sex_radio" id="order_sex_male" <!--{if $arrForm.order_sex == 1}--> checked="checked"<!--{/if}--> />
|
| 232 |
<label for="order_sex_male">男性</label>
|
| 233 |
</div>
|
| 234 |
<div class="c-radio-button-group__button">
|
| 235 |
<input type="radio" name="order_sex" value="2" class="order_sex_radio" id="order_sex_female" <!--{if $arrForm.order_sex == 2}--> checked="checked"<!--{/if}--> />
|
| 236 |
<label for="order_sex_female">女性</label>
|
| 237 |
</div>
|
| 238 |
<div class="c-radio-button-group__button">
|
| 239 |
<input type="radio" name="order_sex" value="0" class="order_sex_radio" id="order_no_sex" <!--{if $arrForm.order_sex == 0}--> checked="checked"<!--{/if}--> />
|
| 240 |
<label for="order_no_sex">未回答</label>
|
| 241 |
</div>
|
| 242 |
</div>
|
| 243 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 244 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 245 |
</td>
|
| 246 |
</tr>
|
| 247 |
<!--{/if}-->
|
| 248 |
<!--{if !$arrCustomer.order_birth}-->
|
| 249 |
<tr>
|
| 250 |
<th>
|
| 251 |
生年月日
|
| 252 |
<!--{if $req_setting.pc_birth == 'REQUIRED'}-->
|
| 253 |
<span class="c-form-label-required">必須</span>
|
| 254 |
<!--{else}-->
|
| 255 |
<span class="c-form-label-optional">任意</span>
|
| 256 |
<!--{/if}-->
|
| 257 |
<p class="c-form-attention">1985年5月25日の場合、「19850525」を入力</p>
|
| 258 |
</th>
|
| 259 |
<td>
|
| 260 |
<div id="order_birth" class="c-form-group c-form-group--row">
|
| 261 |
<div>
|
| 262 |
<input
|
| 263 |
class="c-textbox c-width-200 js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 264 |
name="birthday"
|
| 265 |
type="tel"
|
| 266 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 267 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 268 |
placeholder="19850525"
|
| 269 |
/>
|
| 270 |
</div>
|
| 271 |
</div>
|
| 272 |
<div class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></div>
|
| 273 |
</td>
|
| 274 |
</tr>
|
| 275 |
<!--{/if}-->
|
| 276 |
<!--{/if}-->
|
| 277 |
</table>
|
| 278 |
</div>
|
| 279 |
</div>
|
| 280 |
<div class="c-lp-section__column">
|
| 281 |
<div class="change-address">
|
| 282 |
<div class="c-form-group c-form-group--column">
|
| 283 |
<h3 class="c-lp-section__title">
|
| 284 |
お届け先
|
| 285 |
<span class="c-form-label-required">必須</span>
|
| 286 |
</h3>
|
| 287 |
<div class="c-select c-select--white">
|
| 288 |
<select id="address-select">
|
| 289 |
<option value="no_change">お客様情報と同じ</option>
|
| 290 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 291 |
<option value="other_address">別のお届け先を入力する</option>
|
| 292 |
</select>
|
| 293 |
<i></i>
|
| 294 |
</div>
|
| 295 |
<div class="address-data-area">
|
| 296 |
<!-- {* 配送先 *} -->
|
| 297 |
<select name="other_deliv_id" id="other_deliv_id">
|
| 298 |
<option value="">配送先を選択してください</option>
|
| 299 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 300 |
</select>
|
| 301 |
<!-- {* 上記と別の住所へお届けする *} -->
|
| 302 |
<input type="checkbox" class="chbox" name="deliv_check" id="deliv_check" value="1" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}--> />
|
| 303 |
</div>
|
| 304 |
</div>
|
| 305 |
</div>
|
| 306 |
</div>
|
| 307 |
</div>
|
| 308 |
</div>
|
| 309 |
<!--{/if}-->
|
| 310 |
|
| 311 |
<!--{* 新規お客様情報（ログインしていない場合） *}-->
|
| 312 |
<!--{if $register != 2}-->
|
| 313 |
<div id="lp-not-login" class="p-lp__register">
|
| 314 |
<div class="c-lp-section c-lp-section--full-width">
|
| 315 |
<h3 class="c-lp-section__title">お客様情報の入力</h3>
|
| 316 |
<!--初めてのお客様は以下よりご入力ください-->
|
| 317 |
<div class="c-table c-table--borderless">
|
| 318 |
<table>
|
| 319 |
<tr>
|
| 320 |
<!--{assign var=key1 value="order_name01"}-->
|
| 321 |
<!--{assign var=key2 value="order_name02"}-->
|
| 322 |
<th>
|
| 323 |
<label class="c-label" for="<!--{$key1}-->">お名前</label>
|
| 324 |
<span class="c-form-label-required">必須</span>
|
| 325 |
</th>
|
| 326 |
<td>
|
| 327 |
<div class="c-form-groups c-form-groups--row">
|
| 328 |
<div class="c-form-group c-form-group--row">
|
| 329 |
<div class="efo-form-item efo-form-item--right">
|
| 330 |
<input type="text" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" class="c-textbox"/>
|
| 331 |
</div>
|
| 332 |
</div>
|
| 333 |
<div class="c-form-group c-form-group--row">
|
| 334 |
<div class="efo-form-item efo-form-item--right">
|
| 335 |
<input type="text" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" class="c-textbox"/>
|
| 336 |
</div>
|
| 337 |
</div>
|
| 338 |
</div>
|
| 339 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 340 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 341 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 342 |
</td>
|
| 343 |
</tr>
|
| 344 |
<tr>
|
| 345 |
<!--{assign var=key1 value="order_kana01"}-->
|
| 346 |
<!--{assign var=key2 value="order_kana02"}-->
|
| 347 |
<th>
|
| 348 |
<label class="c-label" for="<!--{$key1}-->">フリガナ</label>
|
| 349 |
<span class="c-form-label-required">必須</span>
|
| 350 |
</th>
|
| 351 |
<td>
|
| 352 |
<div class="c-form-groups c-form-groups--row">
|
| 353 |
<div class="c-form-group c-form-group--row">
|
| 354 |
<div class="efo-form-item efo-form-item--right">
|
| 355 |
<input type="text" name="<!--{$key1}-->" id="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->" class="c-textbox" />
|
| 356 |
</div>
|
| 357 |
</div>
|
| 358 |
<div class="c-form-group c-form-group--row">
|
| 359 |
<div class="efo-form-item efo-form-item--right">
|
| 360 |
<input type="text" name="<!--{$key2}-->" id="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->" class="c-textbox"/>
|
| 361 |
</div>
|
| 362 |
</div>
|
| 363 |
</div>
|
| 364 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 365 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 366 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 367 |
</td>
|
| 368 |
</tr>
|
| 369 |
<tr>
|
| 370 |
<!--{assign var=key value="order_zip"}-->
|
| 371 |
<th>
|
| 372 |
<label class="c-label" for="<!--{$key}-->">郵便番号</label>
|
| 373 |
<span class="c-form-label-required">必須</span>
|
| 374 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 375 |
</th>
|
| 376 |
<td>
|
| 377 |
<div class="c-form-groups c-form-groups--row">
|
| 378 |
<div class="c-form-group c-form-group--row">
|
| 379 |
<label class="c-label" for="<!--{$key}-->">〒</label>
|
| 380 |
<div class="efo-form-item">
|
| 381 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete.order_zip|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="order_zip" class="c-textbox"/>
|
| 382 |
</div>
|
| 383 |
</div>
|
| 384 |
<div class="c-form-group c-form-group--row">
|
| 385 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="order_zip" data-fill-address-pref="order_pref" data-fill-address-address1="order_addr01" data-fill-address-address2="order_addr02">郵便番号検索</button>
|
| 386 |
</div>
|
| 387 |
</div>
|
| 388 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 389 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 390 |
</td>
|
| 391 |
</tr>
|
| 392 |
<tr>
|
| 393 |
<!--{assign var=key value="order_pref"}-->
|
| 394 |
<th>
|
| 395 |
<label class="c-label" for="<!--{$key}-->">都道府県</label>
|
| 396 |
<span class="c-form-label-required">必須</span>
|
| 397 |
</th>
|
| 398 |
<td>
|
| 399 |
<div class="c-form-group c-form-group--column">
|
| 400 |
<div class="efo-form-item">
|
| 401 |
<div class="c-select c-width-190">
|
| 402 |
<select name="<!--{$key}-->" id="<!--{$key}-->">
|
| 403 |
<option value="">都道府県を選択</option>
|
| 404 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 405 |
</select>
|
| 406 |
<i></i>
|
| 407 |
</div>
|
| 408 |
</div>
|
| 409 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 410 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 411 |
</div>
|
| 412 |
</td>
|
| 413 |
</tr>
|
| 414 |
<tr>
|
| 415 |
<!--{assign var=key value="order_addr01"}-->
|
| 416 |
<th>
|
| 417 |
<label class="c-label" for="<!--{$key}-->">市区町村・町名</label>
|
| 418 |
<span class="c-form-label-required">必須</span>
|
| 419 |
</th>
|
| 420 |
<td>
|
| 421 |
<div class="c-form-group c-form-group--column">
|
| 422 |
<div class="efo-form-item efo-form-item--right">
|
| 423 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_addr01" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" class="c-textbox" />
|
| 424 |
</div>
|
| 425 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 426 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 427 |
</div>
|
| 428 |
</td>
|
| 429 |
</tr>
|
| 430 |
<tr>
|
| 431 |
<!--{assign var=key value="order_addr02"}-->
|
| 432 |
<th>
|
| 433 |
<label class="c-label" for="<!--{$key}-->">番地・マンション名・号室</label>
|
| 434 |
<span class="c-form-label-required">必須</span>
|
| 435 |
</th>
|
| 436 |
<td>
|
| 437 |
<div class="c-form-group c-form-group--column">
|
| 438 |
<div class="efo-form-item efo-form-item--right">
|
| 439 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" class="c-textbox" />
|
| 440 |
</div>
|
| 441 |
<div class="c-form-attention c-form-attention--highlight">
|
| 442 |
部屋番号が記入されているかをご確認ください。<br>
|
| 443 |
記入がないとお届けできないことがあります。
|
| 444 |
</div>
|
| 445 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 446 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 447 |
</div>
|
| 448 |
</td>
|
| 449 |
</tr>
|
| 450 |
<tr>
|
| 451 |
<!--{assign var=key value="order_tel"}-->
|
| 452 |
<th>
|
| 453 |
<label clas="c-label" for="<!--{$key}-->">電話番号</label>
|
| 454 |
<span class="c-form-label-required">必須</span>
|
| 455 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 456 |
</th>
|
| 457 |
<td>
|
| 458 |
<div class="c-form-group c-form-group--row">
|
| 459 |
<div class="efo-form-item">
|
| 460 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" class="c-textbox c-width-200" />
|
| 461 |
</div>
|
| 462 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 463 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 464 |
</div>
|
| 465 |
</td>
|
| 466 |
</tr>
|
| 467 |
<tr>
|
| 468 |
<!--{assign var=key value="order_email"}-->
|
| 469 |
<th>
|
| 470 |
<label class="c-label" for="<!--{$key}-->">メールアドレス</label>
|
| 471 |
<span class="c-form-label-required">必須</span>
|
| 472 |
</th>
|
| 473 |
<td class="js-synchronize-multiple-fields">
|
| 474 |
<div class="c-form-groups c-form-groups--column">
|
| 475 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 476 |
<div class="efo-form-item efo-form-item--right">
|
| 477 |
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" class="c-textbox js-synchronize-multiple-fields__from js-efo-autocomplete-email-address__input" />
|
| 478 |
</div>
|
| 479 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 480 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 481 |
</div>
|
| 482 |
<!--{if $arrPageLayout.confirm_email != 1}-->
|
| 483 |
<!--{assign var=key value="order_email_check"}-->
|
| 484 |
<div class="c-form-group c-form-group--column js-efo-autocomplete-email-address">
|
| 485 |
<div class="efo-form-item efo-form-item--right">
|
| 486 |
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
|
| 487 |
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_email_check" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" class="c-textbox js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" />
|
| 488 |
</div>
|
| 489 |
<span class="c-form-attention c-form-attention--highlight">確認のため2度入力してください</span>
|
| 490 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 491 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 492 |
</div>
|
| 493 |
<!--{/if}-->
|
| 494 |
</div>
|
| 495 |
<!--{if $arrPageLayout.confirm_email === 1}-->
|
| 496 |
<div
|
| 497 |
class="js-toggle-confirm-email c-confirm-email"
|
| 498 |
data-first-input-name="order_email"
|
| 499 |
data-second-input-name="order_email_check">
|
| 500 |
<div class="c-confirm-email__display js-synchronize-multiple-fields__to"></div>
|
| 501 |
</div>
|
| 502 |
<!--{/if}-->
|
| 503 |
</td>
|
| 504 |
</tr>
|
| 505 |
<tr class="password-input-area" <!--{if $use_lp_only_flg}-->style="display:none"<!--{/if}-->>
|
| 506 |
<!--{assign var=key value="password"}-->
|
| 507 |
<th>
|
| 508 |
<label class="c-label" for="<!--{$key}-->">パスワード</label>
|
| 509 |
<span class="c-form-label-required">必須</span>
|
| 510 |
<span class="c-form-attention"><b><!--{$password_rule.min_length}--></b>～<b><!--{$password_rule.max_length}--></b>文字の<!--{$password_format_list[$password_rule.rules]}--></span>
|
| 511 |
</th>
|
| 512 |
<td>
|
| 513 |
<div class="c-form-groups c-form-groups--column js-synchronize-multiple-fields">
|
| 514 |
<div class="c-form-group c-form-group--column">
|
| 515 |
<div class="efo-form-item">
|
| 516 |
<div class="c-password-textbox js-toggle-password">
|
| 517 |
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="new-password" id="<!--{$key}-->" placeholder="" class="c-textbox js-synchronize-multiple-fields__from" />
|
| 518 |
<i class="c-password-textbox__icon"></i>
|
| 519 |
</div>
|
| 520 |
</div>
|
| 521 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 522 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 523 |
</div>
|
| 524 |
<!--{if $arrPageLayout.confirm_password != 1}-->
|
| 525 |
<!--{assign var=key value="password02"}-->
|
| 526 |
<div class="c-form-group c-form-group--column">
|
| 527 |
<div class="efo-form-item">
|
| 528 |
<div class="c-password-textbox js-toggle-password">
|
| 529 |
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
|
| 530 |
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="" class="c-textbox" />
|
| 531 |
<i class="c-password-textbox__icon"></i>
|
| 532 |
</div>
|
| 533 |
</div>
|
| 534 |
<span class="c-form-attention c-form-attention--highlight">確認のため2度入力してください</span>
|
| 535 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 536 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 537 |
</div>
|
| 538 |
<!--{/if}-->
|
| 539 |
<small class="c-highlight">※購入履歴の確認などに使用します。</small>
|
| 540 |
</div>
|
| 541 |
</td>
|
| 542 |
</tr>
|
| 543 |
<tr>
|
| 544 |
<!--{assign var=key value="order_sex"}-->
|
| 545 |
<th>
|
| 546 |
<label class="c-label" for="<!--{$key}-->">性別</label>
|
| 547 |
<!--{if $req_setting.pc_sex == 'REQUIRED'}--><span class="c-form-label-required">必須</span><!--{else}--><span class="c-form-label-optional">任意</span><!--{/if}-->
|
| 548 |
</th>
|
| 549 |
<td>
|
| 550 |
<div class="c-radio-button-group">
|
| 551 |
<div class="c-radio-button-group__button">
|
| 552 |
<input type="radio" name="<!--{$key}-->" value="1" id="order_sex_male" <!--{if $arrForm[$key] == 1}--> checked="checked"<!--{/if}--> />
|
| 553 |
<label for="order_sex_male">男性</label>
|
| 554 |
</div>
|
| 555 |
<div class="c-radio-button-group__button">
|
| 556 |
<input type="radio" name="<!--{$key}-->" value="2" id="order_sex_female" <!--{if $arrForm[$key] == 2}--> checked="checked"<!--{/if}--> />
|
| 557 |
<label for="order_sex_female">女性</label>
|
| 558 |
</div>
|
| 559 |
<div class="c-radio-button-group__button">
|
| 560 |
<input type="radio" name="<!--{$key}-->" value="0" id="order_no_sex" <!--{if $arrForm[$key] == 0}--> checked="checked"<!--{/if}--> />
|
| 561 |
<label for="order_no_sex">未回答</label>
|
| 562 |
</div>
|
| 563 |
</div>
|
| 564 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 565 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 566 |
</td>
|
| 567 |
</tr>
|
| 568 |
<tr>
|
| 569 |
<th>
|
| 570 |
<label class="c-label" for="year">生年月日</label>
|
| 571 |
<!--{if $req_setting.pc_birth == 'REQUIRED'}-->
|
| 572 |
<span class="c-form-label-required">必須</span>
|
| 573 |
<!--{else}-->
|
| 574 |
<span class="c-form-label-optional">任意</span>
|
| 575 |
<!--{/if}-->
|
| 576 |
<p class="c-form-attention">1985年5月25日の場合、「19850525」を入力</p>
|
| 577 |
</th>
|
| 578 |
<td>
|
| 579 |
<div class="c-form-group c-form-group--row">
|
| 580 |
<div>
|
| 581 |
<input
|
| 582 |
class="c-textbox c-width-200 js-birthday-input-helper <!--{if $arrErr.year || $arrErr.month || $arrErr.day}-->c-date-form--error<!--{/if}-->"
|
| 583 |
name="birthday"
|
| 584 |
type="tel"
|
| 585 |
value="<!--{$arrForm.year}--><!--{$arrForm.month}--><!--{$arrForm.day}-->"
|
| 586 |
autocomplete="<!--{$arrForm.autocomplete.year|autocomplete}-->"
|
| 587 |
placeholder="19850525"
|
| 588 |
/>
|
| 589 |
</div>
|
| 590 |
</div>
|
| 591 |
<div class="c-form-error-message"><!--{$arrErr.year nofilter}--><!--{$arrErr.month nofilter}--><!--{$arrErr.day nofilter}--></div>
|
| 592 |
</td>
|
| 593 |
</tr>
|
| 594 |
</table>
|
| 595 |
</div>
|
| 596 |
|
| 597 |
<div class="c-lp-section__column">
|
| 598 |
<div class="delivery-check">
|
| 599 |
<h3 class="c-lp-section__title">
|
| 600 |
お届け先
|
| 601 |
<span class="c-form-label-required">必須</span>
|
| 602 |
</h3>
|
| 603 |
<input type="checkbox" class="chbox" name="deliv_check" id="deliv_check" value="1" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}--> style="display:none;"/>
|
| 604 |
<div class="c-form-group c-form-group--row">
|
| 605 |
<div class="c-select c-select--lg c-select--white">
|
| 606 |
<select id="deliv_check_select">
|
| 607 |
<option value="0" <!--{if $deliv_check != 1}--> selected<!--{/if}-->>お客様情報と同じ</option>
|
| 608 |
<option value="1" <!--{if $deliv_check == 1}--> selected<!--{/if}-->>別のお届け先を入力する</option>
|
| 609 |
</select>
|
| 610 |
<i></i>
|
| 611 |
</div>
|
| 612 |
</div>
|
| 613 |
</div>
|
| 614 |
</div>
|
| 615 |
</div>
|
| 616 |
</div>
|
| 617 |
<!--{/if}-->
|
| 618 |
|
| 619 |
<div class="p-lp__other-address">
|
| 620 |
<div id="lp-deliv"<!--{if $deliv_check != 1}--> style="display:none;"<!--{/if}-->>
|
| 621 |
<div class="c-lp-section c-lp-section--full-width c-lp-section--blue">
|
| 622 |
<div class="c-table c-table--borderless">
|
| 623 |
<table>
|
| 624 |
<tr>
|
| 625 |
<!--{assign var=key1 value="deliv_name01"}-->
|
| 626 |
<!--{assign var=key2 value="deliv_name02"}-->
|
| 627 |
<th><label class="c-label" for="<!--{$key1}-->">お名前</label><span class="c-form-label-required">必須</span></th>
|
| 628 |
<td>
|
| 629 |
<div class="c-form-groups c-form-groups--row">
|
| 630 |
<div class="c-form-group c-form-group--row">
|
| 631 |
<div class="efo-form-item efo-form-item--right">
|
| 632 |
<input type="text" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" autocomplete="<!--{$arrForm.autocomplete[$key1]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME01}-->" class="c-textbox c-textbox--white" />
|
| 633 |
</div>
|
| 634 |
</div>
|
| 635 |
<div class="c-form-group c-form-group--row">
|
| 636 |
<div class="efo-form-item efo-form-item--right">
|
| 637 |
<input type="text" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" autocomplete="<!--{$arrForm.autocomplete[$key2]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_NAME02}-->" class="c-textbox c-textbox--white" />
|
| 638 |
</div>
|
| 639 |
</div>
|
| 640 |
</div>
|
| 641 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 642 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 643 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 644 |
</td>
|
| 645 |
</tr>
|
| 646 |
<tr>
|
| 647 |
<!--{assign var=key1 value="deliv_kana01"}-->
|
| 648 |
<!--{assign var=key2 value="deliv_kana02"}-->
|
| 649 |
<th><label class="c-label" for="<!--{$key1}-->">フリガナ</label><span class="c-form-label-required">必須</span></th>
|
| 650 |
<td>
|
| 651 |
<div class="c-form-groups c-form-groups--row">
|
| 652 |
<div class="c-form-group c-form-group--row">
|
| 653 |
<div class="efo-form-item efo-form-item--right">
|
| 654 |
<input type="text" id="<!--{$key1}-->" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA01}-->" class="c-textbox c-textbox--white" />
|
| 655 |
</div>
|
| 656 |
</div>
|
| 657 |
<div class="c-form-group c-form-group--row">
|
| 658 |
<div class="efo-form-item efo-form-item--right">
|
| 659 |
<input type="text" id="<!--{$key2}-->" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]}-->" placeholder="<!--{$smarty.const.SAMPLE_KANA02}-->" class="c-textbox c-textbox--white" />
|
| 660 |
</div>
|
| 661 |
</div>
|
| 662 |
</div>
|
| 663 |
<span class="c-form-error-message"><!--{$arrErr[$key1] nofilter}--><!--{$arrErr[$key2] nofilter}--></span>
|
| 664 |
<div id="error-<!--{$key1}-->" class="validate-error-message"></div>
|
| 665 |
<div id="error-<!--{$key2}-->" class="validate-error-message"></div>
|
| 666 |
</td>
|
| 667 |
</tr>
|
| 668 |
<tr>
|
| 669 |
<!--{assign var=key value="deliv_zip"}-->
|
| 670 |
<th>
|
| 671 |
<label class="c-label" for="deliv_zip">郵便番号</label>
|
| 672 |
<span class="c-form-label-required">必須</span>
|
| 673 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 674 |
</th>
|
| 675 |
<td>
|
| 676 |
<div class="c-form-groups c-form-groups--row">
|
| 677 |
<div class="c-form-group c-form-group--row efo-form-item">
|
| 678 |
<label class="c-label" for="<!--{$key}-->">〒</label>
|
| 679 |
<div class="efo-form-item">
|
| 680 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ZIP}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_ZIP_LEN}-->" id="<!--{$key}-->" class="c-textbox c-textbox--white" />
|
| 681 |
</div>
|
| 682 |
</div>
|
| 683 |
<div class="c-form-group c-form-group--row">
|
| 684 |
<button type="button" class="js-fill-address-modal c-fill-address" data-fill-address-zip="deliv_zip" data-fill-address-pref="deliv_pref" data-fill-address-address1="deliv_addr01" data-fill-address-address2="deliv_addr02">郵便番号検索</button>
|
| 685 |
</div>
|
| 686 |
</div>
|
| 687 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 688 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 689 |
</td>
|
| 690 |
</tr>
|
| 691 |
<tr>
|
| 692 |
<!--{assign var=key value="deliv_pref"}-->
|
| 693 |
<th><label class="c-label" for="<!--{$key}-->">都道府県名</label><span class="c-form-label-required">必須</span></th>
|
| 694 |
<td>
|
| 695 |
<div class="efo-form-item">
|
| 696 |
<div class="c-select c-select--white c-width-190 efo-form-item">
|
| 697 |
<select name="<!--{$key}-->" id="<!--{$key}-->">
|
| 698 |
<option value="">都道府県を選択</option>
|
| 699 |
<!--{html_options options=$arrPref selected=$arrForm[$key]}-->
|
| 700 |
</select>
|
| 701 |
<i></i>
|
| 702 |
</div>
|
| 703 |
</div>
|
| 704 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 705 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 706 |
</td>
|
| 707 |
</tr>
|
| 708 |
<tr>
|
| 709 |
<!--{assign var=key value="deliv_addr01"}-->
|
| 710 |
<th><label class="c-label" for="<!--{$key}-->">市区町村・町名</label><span class="c-form-label-required">必須</span></th>
|
| 711 |
<td>
|
| 712 |
<div class="efo-form-item efo-form-item--right">
|
| 713 |
<input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_1}-->" class="c-textbox c-textbox--white" />
|
| 714 |
</div>
|
| 715 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 716 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 717 |
</td>
|
| 718 |
</tr>
|
| 719 |
<tr>
|
| 720 |
<!--{assign var=key value="deliv_addr02"}-->
|
| 721 |
<th><label class="c-label" for="<!--{$key}-->">番地・マンション名・号室</label><span class="c-form-label-required">必須</span></th>
|
| 722 |
<td>
|
| 723 |
<div class="efo-form-item efo-form-item--right">
|
| 724 |
<input type="text" id="<!--{$key}-->" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" placeholder="<!--{$smarty.const.SAMPLE_ADDRESS_2}-->" class="c-textbox c-textbox--white"/>
|
| 725 |
</div>
|
| 726 |
<div class="c-form-attention c-form-attention--highlight">
|
| 727 |
部屋番号が記入されているかをご確認ください。<br>
|
| 728 |
記入がないとお届けできないことがあります。
|
| 729 |
</div>
|
| 730 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 731 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 732 |
</td>
|
| 733 |
</tr>
|
| 734 |
<tr>
|
| 735 |
<!--{assign var=key value="deliv_tel"}-->
|
| 736 |
<th>
|
| 737 |
<label class="c-label" for="<!--{$key}-->">電話番号</label>
|
| 738 |
<span class="c-form-label-required">必須</span>
|
| 739 |
<span class="c-form-attention">ハイフンなしで入力</span>
|
| 740 |
</th>
|
| 741 |
<td>
|
| 742 |
<div class="c-form-group c-form-group--row">
|
| 743 |
<div class="efo-form-item">
|
| 744 |
<input type="tel" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" maxlength="<!--{$smarty.const.ALLOW_HYPHEN_TEL_LEN}-->" placeholder="<!--{$smarty.const.SAMPLE_TEL}-->" class="c-textbox c-textbox--white c-width-200" />
|
| 745 |
</div>
|
| 746 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 747 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 748 |
</div>
|
| 749 |
</td>
|
| 750 |
</tr>
|
| 751 |
</table>
|
| 752 |
</div>
|
| 753 |
</div>
|
| 754 |
</div>
|
| 755 |
</div>
|
| 756 |
|
| 757 |
<div class="js-c-bundle-combination__hidden_until_all_requirements_are_fulfilled">
|
| 758 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 759 |
<!--{if $view_coupon_form}-->
|
| 760 |
<div class="p-lp__coupon">
|
| 761 |
<div class="c-lp-section c-lp-section--full-width" id="coupon_area" style="display:none;">
|
| 762 |
<h3 class="c-lp-section__title">
|
| 763 |
クーポン
|
| 764 |
<span class="c-form-label-optional">任意</span>
|
| 765 |
</h3>
|
| 766 |
<div id="entry_coupon_td">
|
| 767 |
<div class="c-input-form">
|
| 768 |
<input type="text" name="coupon_code" value="" id="coupon_code" placeholder="クーポンコードを入力"/>
|
| 769 |
<button type="button" id="check_coupon_code" class="c-button c-button--default">
|
| 770 |
<span class="c-button__text">適用</span>
|
| 771 |
<div class="c-button__loader"></div>
|
| 772 |
</button>
|
| 773 |
</div>
|
| 774 |
</div>
|
| 775 |
<div id="view_coupon_td" style="display:none;">
|
| 776 |
<table>
|
| 777 |
<tr>
|
| 778 |
<th>クーポンコード</th>
|
| 779 |
<td>
|
| 780 |
<div class="c-input-form">
|
| 781 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 782 |
<button type="button" id="remove_coupon_code" class="c-button c-button--secondary">
|
| 783 |
<span class="c-button__text">解除</span>
|
| 784 |
<div class="c-button__loader"></div>
|
| 785 |
</button>
|
| 786 |
</div>
|
| 787 |
</td>
|
| 788 |
</tr>
|
| 789 |
<tr>
|
| 790 |
<th>値引き金額</th>
|
| 791 |
<td>
|
| 792 |
<div id="coupon_discount_tr" style="display:none;">
|
| 793 |
<span id="discount"></span>円値引き
|
| 794 |
</div>
|
| 795 |
</td>
|
| 796 |
</tr>
|
| 797 |
</table>
|
| 798 |
</div>
|
| 799 |
<span class="c-form-error-message" id="coupon_code_error"></span>
|
| 800 |
</div>
|
| 801 |
</div>
|
| 802 |
<!--{/if}-->
|
| 803 |
|
| 804 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 805 |
<!--{if $register == 2 && $point_flg != 2}-->
|
| 806 |
<div class="p-lp__point">
|
| 807 |
<div id="point_area" class="c-lp-section c-lp-section--full-width" style="display:none;">
|
| 808 |
<h3 class="c-lp-section__title">
|
| 809 |
ポイント使用
|
| 810 |
<span class="c-form-label-optional">任意</span>
|
| 811 |
</h3>
|
| 812 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 813 |
<div class="point-info">
|
| 814 |
<div class="point-info__row">
|
| 815 |
<div class="point-info__header">
|
| 816 |
今回ご購入合計金額：<br>
|
| 817 |
<small>（送料、手数料を含みません）</small>
|
| 818 |
</div>
|
| 819 |
<div class="point-info__data">
|
| 820 |
<span id="price"></span>
|
| 821 |
</div>
|
| 822 |
</div>
|
| 823 |
<div class="point-info__row">
|
| 824 |
<div class="point-info__header">所持ポイント:</div>
|
| 825 |
<div class="point-info__data">
|
| 826 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 827 |
</div>
|
| 828 |
</div>
|
| 829 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 830 |
<div class="point-info__row">
|
| 831 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 832 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 833 |
</div>
|
| 834 |
<!--{/if}-->
|
| 835 |
<div class="point-info__row point-input-row">
|
| 836 |
<div class="point-info__header">利用ポイント:</div>
|
| 837 |
<div class="point-info__data">
|
| 838 |
<!--{assign var=key value="use_point"}-->
|
| 839 |
<input
|
| 840 |
type="number"
|
| 841 |
name="<!--{$key}-->"
|
| 842 |
value="0"
|
| 843 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-select-at-focus"
|
| 844 |
size="6"
|
| 845 |
min="0"
|
| 846 |
/> pt
|
| 847 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 848 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 849 |
</div>
|
| 850 |
</div>
|
| 851 |
</div>
|
| 852 |
<input type="radio" id="point_on" name="point_check" value="1" style="display:none;" checked/>
|
| 853 |
<input type="radio" id="point_off" name="point_check" value="2" style="display:none;"/>
|
| 854 |
</div>
|
| 855 |
</div>
|
| 856 |
<!--{/if}-->
|
| 857 |
|
| 858 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 859 |
<div class="p-lp__payment">
|
| 860 |
<div id="payment_area" class="c-lp-section c-lp-section--full-width" style="display:none;" data-qa="container-payment">
|
| 861 |
<h3 class="c-lp-section__title">
|
| 862 |
お支払い方法
|
| 863 |
<span class="c-form-label-required">必須</span>
|
| 864 |
</h3>
|
| 865 |
<!--{* ↓このspan内にお支払い方法のチェックボックス群が表示されます↓ *}-->
|
| 866 |
<div id="payment_methods"></div>
|
| 867 |
<!--{* ↑このspan内にお支払い方法のチェックボックス群が表示されます↑ *}-->
|
| 868 |
|
| 869 |
<!--{* カード登録について
|
| 870 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 871 |
*}-->
|
| 872 |
<!--{assign var=registered_change value=false}-->
|
| 873 |
|
| 874 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 875 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 876 |
</div>
|
| 877 |
</div>
|
| 878 |
<!--{if $arrForm.payment_wallet_id}-->
|
| 879 |
<input type="hidden" value="<!--{$arrForm.payment_wallet_id}-->" id="zeus_payment_wallet_id">
|
| 880 |
<!--{/if}-->
|
| 881 |
<!--{* 定期関連 *}-->
|
| 882 |
<div class="p-lp__regular">
|
| 883 |
<!--{* 商品が選択された状態で、それが定期商品であれば、以下が自動的に表示されます。未選択や非定期商品選択時は消えます *}-->
|
| 884 |
<div id="regular_product_area" style="display:none;"><!--{* 定期選択時に定期購入チェックボックスを表示させたい場合は消してください。 *}-->
|
| 885 |
<input type="checkbox" name="regular" value="1" class="chbox" id="regular"<!--{if ($regular_product && $reg_flg == 1) || ($regular_product && $no_regular == 0)}--> checked="checked" <!--{/if}--> />
|
| 886 |
</div>
|
| 887 |
|
| 888 |
<!--{* 上記の「定期購入を希望する」をチェックしてる場合のみ表示されます。それ以外は消えます *}-->
|
| 889 |
<div class="lp-regular smp-lp-bottomline" id="regular-deliv_area" style="display:none;">
|
| 890 |
<div class="c-lp-section c-lp-section--full-width">
|
| 891 |
<h3 class="c-lp-section__title">
|
| 892 |
お届け間隔の指定
|
| 893 |
<span class="c-form-label-required">必須</span>
|
| 894 |
</h3>
|
| 895 |
<div>
|
| 896 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 897 |
<span id="regular_cycle_area"></span>
|
| 898 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 899 |
</div>
|
| 900 |
</div>
|
| 901 |
</div>
|
| 902 |
</div>
|
| 903 |
<!--{* 定期関連ここまで *}-->
|
| 904 |
|
| 905 |
<div class="p-lp__delivery">
|
| 906 |
<div class="c-lp-section c-lp-section--full-width" id="deliv_datetime_area" style="display:none;">
|
| 907 |
<h3 class="c-lp-section__title">お届け希望日時</h3>
|
| 908 |
<!--{* ↓このspan内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↓ *}-->
|
| 909 |
<div id="deliv_time_area"></div>
|
| 910 |
<!--{* ↑このspan内にお届け時間関連が表示されます。デザイン変更はlp_ajax.tplを編集してください。↑ *}-->
|
| 911 |
</div>
|
| 912 |
</div>
|
| 913 |
|
| 914 |
<!--{* お問い合わせ欄を設置したい場合はコメントアウトを外してください *}-->
|
| 915 |
<!--
|
| 916 |
<div class="p-lp__other">
|
| 917 |
<div class="c-lp-section c-lp-section--full-width" id="smp_lpmessage">
|
| 918 |
<h3 class="c-lp-section__title">
|
| 919 |
その他お問い合わせ
|
| 920 |
<span class="c-form-label-optional">任意</span>
|
| 921 |
</h3>
|
| 922 |
<!--{assign var=key value="message"}-->
|
| 923 |
<textarea class="c-textarea" name="<!--{$key}-->" rows="4" placeholder="ご質問・ご要望などはこちらにご入力ください。"><!--{$arrForm[$key]}--></textarea>
|
| 924 |
<div class="c-form-attention">(<!--{$smarty.const.LTEXT_LEN}-->文字まで)</div>
|
| 925 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 926 |
</div>
|
| 927 |
</div>
|
| 928 |
-->
|
| 929 |
<!-- /.js-c-bundle-product__hidden_until_all_requirements_are_fulfilled -->
|
| 930 |
</div>
|
| 931 |
|
| 932 |
<!--{* 顧客アンケート *}-->
|
| 933 |
<!--{if 'v3_survey'|get_option_use_flg}-->
|
| 934 |
<div class="p-lp__survey js-survey-section" style="display: none;">
|
| 935 |
<div class="c-lp-section c-lp-section--full-width">
|
| 936 |
<div class="c-lp-section__title">アンケート</div>
|
| 937 |
<div class="js-survey c-survey"></div>
|
| 938 |
</div>
|
| 939 |
</div>
|
| 940 |
|
| 941 |
<!--{assign var=survey value=$arrForm['survey']|@to_json}-->
|
| 942 |
<!--{if $survey && $survey !== 'null'}-->
|
| 943 |
<script type="application/json" id="js-survey-json">
|
| 944 |
<!--{$survey nofilter}-->
|
| 945 |
</script>
|
| 946 |
<!--{/if}-->
|
| 947 |
<!--{/if}-->
|
| 948 |
|
| 949 |
<div class="p-lp__consent">
|
| 950 |
<div class="c-lp-section c-lp-section--full-width">
|
| 951 |
<h3 class="c-lp-section__title">
|
| 952 |
個人情報のお取り扱いについて
|
| 953 |
<span class="c-form-label-required">必須</span>
|
| 954 |
</h3>
|
| 955 |
<ul class="privacy-check-list">
|
| 956 |
<!--{if $register != 2}--><!--{* 非ログイン時のみ表示されます *}-->
|
| 957 |
<li>
|
| 958 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 959 |
<input type="hidden" name="mailmaga_flg" value="1" />
|
| 960 |
<!--{else}-->
|
| 961 |
<div class="c-checkbox">
|
| 962 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1" <!--{if $arrForm.mailmaga_flg == 1}-->checked="checked"<!--{/if}--> />
|
| 963 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 964 |
</div>
|
| 965 |
<div class="c-form-attention">希望しない場合はチェックを外してください。</div>
|
| 966 |
<!--{/if}-->
|
| 967 |
<span class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></span>
|
| 968 |
</li>
|
| 969 |
<!--{/if}-->
|
| 970 |
<li>
|
| 971 |
<p class="c-lp-section__paragraph">ご購入前に<a class="c-link" href="/entry/kiyaku_popup.php" target="_blank">利用規約</a>をお読みください</p>
|
| 972 |
<!--{assign var=key value="agree"}-->
|
| 973 |
<div class="efo-form-item efo-form-item--right">
|
| 974 |
<div class="c-checkbox agree-check">
|
| 975 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" />
|
| 976 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 977 |
</div>
|
| 978 |
</div>
|
| 979 |
<span class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></span>
|
| 980 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 981 |
</li>
|
| 982 |
</ul>
|
| 983 |
</div>
|
| 984 |
</div>
|
| 985 |
|
| 986 |
<!--{*確認ページスキップがオンの場合、簡易確認フォームを表示 *}-->
|
| 987 |
<!--{if $skip_confirm_page_flg}-->
|
| 988 |
<div class="p-lp__confirm">
|
| 989 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 990 |
<div class="js-confirm-section c-lp-section c-lp-section--full-width" style="display:none;">
|
| 991 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 992 |
|
| 993 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 994 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます<br>
|
| 995 |
（ポイントは使用されません）<br>
|
| 996 |
ポイントを使用したい場合、クーポンを解除してください
|
| 997 |
</div>
|
| 998 |
|
| 999 |
<!--商品一覧 表示領域-->
|
| 1000 |
<div class="confirm-products">
|
| 1001 |
<ul id="js-confirm-products"></ul>
|
| 1002 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 1003 |
</div>
|
| 1004 |
<!--商品一覧 テンプレート-->
|
| 1005 |
<ul id="tmp-confirm-products" style="display:none;">
|
| 1006 |
<li>
|
| 1007 |
{{product_name}}
|
| 1008 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 1009 |
<span class="class-category">{{class}}</span><br>
|
| 1010 |
<template class="tmp-confirm-products-bundle-parts-product">
|
| 1011 |
<div>└ {{parts_product_name}}</div>
|
| 1012 |
</template>
|
| 1013 |
商品単価：{{price}}円
|
| 1014 |
数量：{{quantity}}
|
| 1015 |
<br>{{code_coupon_limit}}
|
| 1016 |
</li>
|
| 1017 |
</ul>
|
| 1018 |
|
| 1019 |
<!--タイムセール期限 表示領域-->
|
| 1020 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 1021 |
<div class="c-table">
|
| 1022 |
<table>
|
| 1023 |
<tr>
|
| 1024 |
<th colspan="2">タイムセール期限</th>
|
| 1025 |
<tbody id="js-confirm-timesale"></tbody>
|
| 1026 |
</tr>
|
| 1027 |
</table>
|
| 1028 |
</div>
|
| 1029 |
</div>
|
| 1030 |
<!--タイムセール期限 テンプレート-->
|
| 1031 |
<table style="display:none">
|
| 1032 |
<tbody id="tmp-confirm-timesale">
|
| 1033 |
<tr>
|
| 1034 |
<td>{{product_name}}</td>
|
| 1035 |
<td>{{timesales_end_date}}</td>
|
| 1036 |
</tr>
|
| 1037 |
</tbody>
|
| 1038 |
</table>
|
| 1039 |
|
| 1040 |
<!--商品合計・手数料・消費税・送料領域-->
|
| 1041 |
<div class="confirm-payment">
|
| 1042 |
<!--商品合計・手数料・送料 表示領域-->
|
| 1043 |
<div id="js-confirm-payment"></div>
|
| 1044 |
<!--税額 表示領域-->
|
| 1045 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 1046 |
</div>
|
| 1047 |
|
| 1048 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 1049 |
<div id="tmp-confirm-payment" style="display:none;" data-qa="container-order-info">
|
| 1050 |
<table>
|
| 1051 |
<tr>
|
| 1052 |
<th>商品(税込)</th>
|
| 1053 |
<td>{{subtotal}}円</td>
|
| 1054 |
</tr>
|
| 1055 |
<tr>
|
| 1056 |
<th>送料(税込)</th>
|
| 1057 |
<td>{{deliv_fee}}円</td>
|
| 1058 |
</tr>
|
| 1059 |
<tr>
|
| 1060 |
<th>手数料(税込)</th>
|
| 1061 |
<td>{{charge}}円</td>
|
| 1062 |
</tr>
|
| 1063 |
<tr class="js-confirm-relay-fee">
|
| 1064 |
<th>離島手数料(税込)</th>
|
| 1065 |
<td>{{relay_fee}}円</td>
|
| 1066 |
</tr>
|
| 1067 |
<tr class="js-confirm-discount">
|
| 1068 |
<th>クーポン値引き金額</th>
|
| 1069 |
<td data-qa="text-coupon-discount-price">-{{coupon_discount}}円</td>
|
| 1070 |
</tr>
|
| 1071 |
<tr class="js-confirm-use-point">
|
| 1072 |
<th>ポイント値引き金額</th>
|
| 1073 |
<td>-{{use_point}}円</td>
|
| 1074 |
</tr>
|
| 1075 |
<tbody class="js-sending-data"></tbody>
|
| 1076 |
<tr class="confirm-payment__total">
|
| 1077 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 1078 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 1079 |
</tr>
|
| 1080 |
<tr class="js-confirm-add-point">
|
| 1081 |
<th>今回加算されるポイント</th>
|
| 1082 |
<td class="js-confirm-add-point-label">{{add_point}}ポイント</td>
|
| 1083 |
<td class="js-confirm-add-point-regular-label">{{add_point_regular}}ポイント</td>
|
| 1084 |
</tr>
|
| 1085 |
</table>
|
| 1086 |
</div>
|
| 1087 |
<!--税額 テンプレート-->
|
| 1088 |
<ul id="tmp-taxes" style="display:none;">
|
| 1089 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 1090 |
</ul>
|
| 1091 |
|
| 1092 |
<!--発送元特別送料 テンプレート-->
|
| 1093 |
<template id="tmp-sending-data">
|
| 1094 |
<tr>
|
| 1095 |
<th>{{service}}</th>
|
| 1096 |
<td>{{cost}}円</td>
|
| 1097 |
</tr>
|
| 1098 |
</template>
|
| 1099 |
|
| 1100 |
<!--購入者情報 表示領域-->
|
| 1101 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 1102 |
|
| 1103 |
<!--購入者情報 テンプレート-->
|
| 1104 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 1105 |
<div class="c-table c-table--column">
|
| 1106 |
<table class="c-table__align-left">
|
| 1107 |
<tr>
|
| 1108 |
<th>
|
| 1109 |
お名前
|
| 1110 |
<button type="button" class="js-confirm-change-name js-confirm-change c-link confirm-change" data-target-selector="#lp-not-login">変更</button>
|
| 1111 |
</th>
|
| 1112 |
<td>{{join_name}}</td>
|
| 1113 |
</tr>
|
| 1114 |
<tr>
|
| 1115 |
<th>
|
| 1116 |
お届け先
|
| 1117 |
<button type="button" class="js-confirm-change-shipping js-confirm-change c-link confirm-change" data-target-selector=".p-lp__address">変更</button>
|
| 1118 |
</th>
|
| 1119 |
<td>{{join_shipping}}</td>
|
| 1120 |
</tr>
|
| 1121 |
<tr>
|
| 1122 |
<th>電話番号</th>
|
| 1123 |
<td>{{deliv_tel}}</td>
|
| 1124 |
</tr>
|
| 1125 |
<tr class="js-confirm-deliver-date">
|
| 1126 |
<th>
|
| 1127 |
お届け指定日
|
| 1128 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1129 |
</th>
|
| 1130 |
<td>
|
| 1131 |
{{delivery_date}}
|
| 1132 |
<div class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</div>
|
| 1133 |
<div class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</div>
|
| 1134 |
</td>
|
| 1135 |
</tr>
|
| 1136 |
<tr class="js-confirm-deliver-time">
|
| 1137 |
<th>
|
| 1138 |
お届け時間
|
| 1139 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__delivery">変更</button>
|
| 1140 |
</th>
|
| 1141 |
<td>{{delivery_time}}</td>
|
| 1142 |
</tr>
|
| 1143 |
<tr class="js-confirm-deliver-cycle">
|
| 1144 |
<th>
|
| 1145 |
お届け指定間隔
|
| 1146 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__regular">変更</button>
|
| 1147 |
</th>
|
| 1148 |
<td>
|
| 1149 |
{{delivery_cycle}}
|
| 1150 |
<div class="js-confirm-regular-extra-interval">
|
| 1151 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 1152 |
</div>
|
| 1153 |
</td>
|
| 1154 |
</tr>
|
| 1155 |
<tr>
|
| 1156 |
<th>
|
| 1157 |
お支払い方法
|
| 1158 |
<button type="button" class="js-confirm-change c-link confirm-change" data-target-selector=".p-lp__payment">変更</button>
|
| 1159 |
</th>
|
| 1160 |
<td>{{payment_method}}</td>
|
| 1161 |
</tr>
|
| 1162 |
<tr class="js-confirm-customer-payment-deadline">
|
| 1163 |
<th>お支払い期限</th>
|
| 1164 |
<td>{{payment_deadline}}</td>
|
| 1165 |
</tr>
|
| 1166 |
<tr class="js-confirm-message">
|
| 1167 |
<th>その他お問い合わせ</th>
|
| 1168 |
<td>{{message}}</td>
|
| 1169 |
</tr>
|
| 1170 |
</table>
|
| 1171 |
</div>
|
| 1172 |
</div>
|
| 1173 |
|
| 1174 |
<!--変動サイクル テンプレート-->
|
| 1175 |
<template id="tmp-confirm-regular-extra-interval">
|
| 1176 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 1177 |
</template>
|
| 1178 |
|
| 1179 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 1180 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 1181 |
<!--定期詳細一覧 表示領域-->
|
| 1182 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 1183 |
<!--送料・手数料 表示領域-->
|
| 1184 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 1185 |
|
| 1186 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 1187 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 1188 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 1189 |
</div>
|
| 1190 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 1191 |
<div class="confirm-return">
|
| 1192 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 1193 |
</div>
|
| 1194 |
|
| 1195 |
<!--定期詳細一覧 テンプレート-->
|
| 1196 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 1197 |
<div class="confirm-regular-detail">
|
| 1198 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 1199 |
<ul class="js-confirm-regular-detail__list confirm-regular-detail__list"></ul>
|
| 1200 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 1201 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 1202 |
</div>
|
| 1203 |
</div>
|
| 1204 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 1205 |
<div id="tmp-confirm-regular-detail__row" style="display:none">
|
| 1206 |
<li class="confirm-regular-detail__row">
|
| 1207 |
<div class="detail-content">
|
| 1208 |
<span class="detail-content__count">{{count}}回目</span>
|
| 1209 |
<span>小計:{{subtotal}}円</span>
|
| 1210 |
<span class="detail-content__quantity">数量：{{quantity}}</span>
|
| 1211 |
</div>
|
| 1212 |
{{product_name}}
|
| 1213 |
</li>
|
| 1214 |
</div>
|
| 1215 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 1216 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 1217 |
<table class="total-table">
|
| 1218 |
<tr>
|
| 1219 |
<th>値引き金額総合計</th>
|
| 1220 |
<td class="c-table__align-right">{{total_amount_detail_discount}}円</td>
|
| 1221 |
</tr>
|
| 1222 |
<tr>
|
| 1223 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 1224 |
<td>{{total_amount_detail_total}}円</td>
|
| 1225 |
</tr>
|
| 1226 |
</table>
|
| 1227 |
<div class="cycle-table c-table c-table--column">
|
| 1228 |
<table>
|
| 1229 |
<tr><th>お届けサイクル</th><td colspan="3">{{date_text}}にお届け予定</td></tr>
|
| 1230 |
<tr><th>お届け回数</th><td colspan="3">{{display_regular_repeat_count}}</td></tr>
|
| 1231 |
</table>
|
| 1232 |
</div>
|
| 1233 |
</div>
|
| 1234 |
|
| 1235 |
<!--送料・手数料 テンプレート-->
|
| 1236 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 1237 |
<div>定期コース送料・手数料一覧</div>
|
| 1238 |
<div class="c-table">
|
| 1239 |
<table>
|
| 1240 |
<tr>
|
| 1241 |
<th>回数</th>
|
| 1242 |
<th>送料・手数料</th>
|
| 1243 |
<th>合計</th>
|
| 1244 |
</tr>
|
| 1245 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 1246 |
</table>
|
| 1247 |
</div>
|
| 1248 |
</div>
|
| 1249 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 1250 |
<table style="display:none;">
|
| 1251 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 1252 |
<tr>
|
| 1253 |
<td>{{tmp_count}}回</td>
|
| 1254 |
<td>手数料：{{charge}}円 / 送料：{{deliv_fee}}円</td>
|
| 1255 |
<td>{{total}}円</td>
|
| 1256 |
</tr>
|
| 1257 |
</tbody>
|
| 1258 |
</table>
|
| 1259 |
|
| 1260 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 1261 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 1262 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 1263 |
<div class="c-table total-table">
|
| 1264 |
<table>
|
| 1265 |
<tr>
|
| 1266 |
<th>回数</th>
|
| 1267 |
<th>
|
| 1268 |
商品<br>
|
| 1269 |
送料/手数料<br>
|
| 1270 |
合計
|
| 1271 |
</th>
|
| 1272 |
</tr>
|
| 1273 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 1274 |
</table>
|
| 1275 |
</div>
|
| 1276 |
</div>
|
| 1277 |
|
| 1278 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 1279 |
<table style="display:none;">
|
| 1280 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 1281 |
<tr>
|
| 1282 |
<td rowspan="3" class="c-table__align-center">{{tmp_count}}回</td>
|
| 1283 |
<td>
|
| 1284 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 1285 |
</td>
|
| 1286 |
</tr>
|
| 1287 |
<tr>
|
| 1288 |
<td class="c-table__align-right">
|
| 1289 |
<div>手数料：{{charge}}円</div>
|
| 1290 |
<div>送料：{{deliv_fee}}円</div>
|
| 1291 |
</td>
|
| 1292 |
</tr>
|
| 1293 |
<tr><td class="c-table__align-right">合計：{{total}}円</td></tr>
|
| 1294 |
</tbody>
|
| 1295 |
</table>
|
| 1296 |
|
| 1297 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 1298 |
<div style="display:none;">
|
| 1299 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 1300 |
<div>
|
| 1301 |
<div class="product-summary">
|
| 1302 |
<div>
|
| 1303 |
{{product_name}}
|
| 1304 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 1305 |
{{product_category}} × {{product_quantity}}
|
| 1306 |
</span>
|
| 1307 |
</div>
|
| 1308 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 1309 |
<div class="product-summary__price">{{product_subtotal}}円</div>
|
| 1310 |
</div>
|
| 1311 |
</div>
|
| 1312 |
</div>
|
| 1313 |
</div>
|
| 1314 |
|
| 1315 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 1316 |
<div style="display:none;">
|
| 1317 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 1318 |
<div>└{{product_name}} {{product_category}} × {{product_quantity}}</div>
|
| 1319 |
</div>
|
| 1320 |
</div>
|
| 1321 |
|
| 1322 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 1323 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 1324 |
<div class="c-table">
|
| 1325 |
<table>
|
| 1326 |
<tr>
|
| 1327 |
<th>商品個数合計</th>
|
| 1328 |
</tr>
|
| 1329 |
<tr>
|
| 1330 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 1331 |
</tr>
|
| 1332 |
<tr>
|
| 1333 |
<th>
|
| 1334 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 1335 |
<span>商品 / 送料・手数料総額</span>
|
| 1336 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 1337 |
</th>
|
| 1338 |
</tr>
|
| 1339 |
<tr>
|
| 1340 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 1341 |
</tr>
|
| 1342 |
</table>
|
| 1343 |
</div>
|
| 1344 |
</div>
|
| 1345 |
|
| 1346 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 1347 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 1348 |
<!--商品が複数ある場合使用-->
|
| 1349 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 1350 |
<!--商品が1つの場合使用-->
|
| 1351 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額</div>-->
|
| 1352 |
</div>
|
| 1353 |
</div>
|
| 1354 |
</div>
|
| 1355 |
<!--{/if}-->
|
| 1356 |
|
| 1357 |
<!--購入確認画面-->
|
| 1358 |
<div class="p-lp__submit">
|
| 1359 |
<div class="c-error-message-section" id="alert_errors" <!--{if !$arrErr}-->style="display:none;"<!--{/if}-->>
|
| 1360 |
<span class="smp-lp-confirm">
|
| 1361 |
<!--{if $arrErr}-->
|
| 1362 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 1363 |
<span><!--{$item nofilter}--></span>
|
| 1364 |
<!--{/foreach}-->
|
| 1365 |
<!--{/if}-->
|
| 1366 |
</span>
|
| 1367 |
</div>
|
| 1368 |
|
| 1369 |
<!--{if $preview}-->
|
| 1370 |
<div>
|
| 1371 |
<div class="c-button-group">
|
| 1372 |
<input type="button" id="confirm_submit_image" class="c-button c-button--lg c-button--gradient-green" value = "お申込み内容を確認する" onclick="return false;"/>
|
| 1373 |
</div>
|
| 1374 |
</div>
|
| 1375 |
<!--{else}-->
|
| 1376 |
<!--{if !$skip_confirm_page_flg}-->
|
| 1377 |
<div id="confirm_submit">
|
| 1378 |
<div class="c-button-group">
|
| 1379 |
<input type="button" id="confirm_submit_image" class="c-button c-button--lg c-button--gradient-green" value = "お申込み内容を確認する" onclick="return false;"/>
|
| 1380 |
</div>
|
| 1381 |
</div>
|
| 1382 |
<!--{else}-->
|
| 1383 |
<!-- 簡易確認フォーム・購入完了ボタン -->
|
| 1384 |
<div id="confirm_submit">
|
| 1385 |
<div id="skip_confirm_submit">
|
| 1386 |
<div class="c-button-group">
|
| 1387 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" disabled="disabled" type="button" id="confirm_submit_image" value="注文を確定する" onclick="return false;">
|
| 1388 |
</div>
|
| 1389 |
</div>
|
| 1390 |
</div>
|
| 1391 |
<!--{/if}-->
|
| 1392 |
<!--{/if}-->
|
| 1393 |
</div>
|
| 1394 |
|
| 1395 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1396 |
<!--{foreach from=$arrHiddens key="key_h" item="val_h"}-->
|
| 1397 |
<input type="hidden" name="<!--{$key_h}-->" value="<!--{$val_h.value}-->" class="<!--{$val_h.class}-->" id="<!--{$val_h.class}--><!--{$key_h}-->" />
|
| 1398 |
<!--{/foreach}-->
|
| 1399 |
<!--{if !empty($selected_classcategory_list)}-->
|
| 1400 |
<!--{foreach from=$selected_classcategory_list key="classcategory_key" item="classcategory_data"}-->
|
| 1401 |
<!--{foreach from=$classcategory_data key="bulk_number" item="classcategory_data_detail"}-->
|
| 1402 |
<input type="hidden" name="<!--{$classcategory_key}-->[<!--{$bulk_number}-->]" value="<!--{$classcategory_data_detail.value}-->" class="<!--{$classcategory_data_detail.class}-->" id="selected_<!--{$classcategory_key}-->_<!--{$bulk_number}-->" data-key="<!--{$classcategory_key}-->" data-bulk_number="<!--{$bulk_number}-->" />
|
| 1403 |
<!--{/foreach}-->
|
| 1404 |
<!--{/foreach}-->
|
| 1405 |
<!--{/if}-->
|
| 1406 |
<!--{foreach from=$arrErr key="key_e" item="val_e"}-->
|
| 1407 |
<input type="hidden" name="errors_<!--{$key_e}-->" value="<!--{$val_e}-->" class="errors" id="errors_<!--{$key_e}-->" />
|
| 1408 |
<!--{/foreach}-->
|
| 1409 |
<input type="hidden" name="ajax_url" value="<!--{$ajax_url}-->" id="ajax_url" />
|
| 1410 |
<input type="hidden" name="spider" value=""/>
|
| 1411 |
<input type="hidden" class="js-spider-tracker" value="<!--{$spider_tracker}-->"/>
|
| 1412 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1413 |
<!--{captcha_form_lp_shopping}-->
|
| 1414 |
</form>
|
| 1415 |
|
| 1416 |
<!--paidy用注文確定ボタン-->
|
| 1417 |
<div id="paidy_skip_confirm_submit" style="display:none;">
|
| 1418 |
<div class="c-button-group">
|
| 1419 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="paidy_confirm_submit_image" value="注文を確定する" onclick="immediatePaidyTag('skip_confirm')">
|
| 1420 |
</div>
|
| 1421 |
</div>
|
| 1422 |
|
| 1423 |
<!--atone決済用注文確定ボタン-->
|
| 1424 |
<div id="atone_skip_confirm_submit" style="display:none;">
|
| 1425 |
<div class="c-button-group">
|
| 1426 |
<input class="c-button c-button--lg c-button--gradient-green c-width-220" type="button" id="atone_confirm_submit_image" value="注文を確定する" onclick="AtonePayment.start('skip_confirm')">
|
| 1427 |
</div>
|
| 1428 |
</div>
|
| 1429 |
|
| 1430 |
</div>
|
| 1431 |
</div>
|
| 1432 |
|
| 1433 |
<!--{* よりどり購入設定 *}-->
|
| 1434 |
<!--{if file_exists(Path::user_template_dir('config/bundle_config.tpl')->getPathname())}-->
|
| 1435 |
<!--{include file=Path::user_template_dir('config/bundle_config.tpl')->getPathname()}-->
|
| 1436 |
<!--{/if}-->
|
| 1437 |
|
| 1438 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1439 |
<input type="hidden" id="use_lp_only_flg" value="<!--{$use_lp_only_flg}-->">
|
| 1440 |
<input type="hidden" id="skip_confirm_page_flg" value="<!--{$skip_confirm_page_flg}-->">
|
| 1441 |
<input type="hidden" id="is_mobile_flg" value="1">
|
| 1442 |
<!--{if $lp_content != false}--><!--{include file=$lp_content layout='lp_footer' footer_file_path=$footer_file_path}--><!--{/if}-->
|
| 1443 |
|
| 1444 |
<!--{if $footer_file_path !== ''}-->
|
| 1445 |
<!--{include file=$footer_file_path}-->
|
| 1446 |
<!--{/if}-->
|
| 1447 |
|
| 1448 |
<script type="text/javascript" src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1449 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1450 |
|
| 1451 |
<!--{* ポップアップバナー *}-->
|
| 1452 |
<!--{$popup_banner}-->
|
| 1453 |
|
| 1454 |
<script>
|
| 1455 |
window.addEventListener('DOMContentLoaded', () => {
|
| 1456 |
const APP$ = window.APP.$;
|
| 1457 |
|
| 1458 |
<!--{* スクロール関連ここから *}-->
|
| 1459 |
const lpAdjustScroll = () => {
|
| 1460 |
<!--{if $login_success}--> <!--{* ログイン成功時 *}-->
|
| 1461 |
lp.adjustScroll(
|
| 1462 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1463 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1464 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1465 |
);
|
| 1466 |
<!--{elseif $loginerror}--> <!--{* ログイン失敗時 *}-->
|
| 1467 |
lp.adjustScroll(
|
| 1468 |
'#lp-login', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1469 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1470 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1471 |
);
|
| 1472 |
<!--{elseif $return_from_confirm}--> <!--{* 確認画面からの戻り時 *}-->
|
| 1473 |
lp.adjustScroll(
|
| 1474 |
'#form1', <!--{* 基準となる位置のidを指定してください *}-->
|
| 1475 |
-20, <!--{* この数値は適宜修正してください *}-->
|
| 1476 |
true <!--{* スクロールアニメーションが不要の場合は false にしてください。 *}-->
|
| 1477 |
);
|
| 1478 |
<!--{else}--> <!--{* 上記以外 ファーストアクセスなど *}-->
|
| 1479 |
<!--{* 上記を参考に適宜指定してください *}-->
|
| 1480 |
<!--{/if}-->
|
| 1481 |
};
|
| 1482 |
<!--{* スクロール関連ここまで *}-->
|
| 1483 |
|
| 1484 |
<!--{* ↓編集しないでください↓ *}-->
|
| 1485 |
APP$(window).on('load', async function () {
|
| 1486 |
$emptyOptions = APP$('.js-lp-product-empty-option');
|
| 1487 |
if ($emptyOptions.length > 0 && $emptyOptions.length == $emptyOptions.filter(':selected').length) {
|
| 1488 |
lp.emit('lpFetched');
|
| 1489 |
return;
|
| 1490 |
}
|
| 1491 |
<!--{if $lp_bulk_count > 0}-->
|
| 1492 |
<!--{for $i=1 to $lp_bulk_count}-->
|
| 1493 |
await lp.fetch_data(APP$('#product_id_' + <!--{$i}-->).val(), APP$('#quantity_' + <!--{$i}-->).val(), <!--{$i}-->);
|
| 1494 |
<!--{/for}-->
|
| 1495 |
<!--{/if}-->
|
| 1496 |
lp.emit('lpFetched');
|
| 1497 |
lpAdjustScroll();
|
| 1498 |
});
|
| 1499 |
<!--{* ↑編集しないでください↑ *}-->
|
| 1500 |
|
| 1501 |
APP$(function() {
|
| 1502 |
// エラーフォーム背景指定
|
| 1503 |
var valid = new Array("dummy"<!--{foreach from=$arrErr key="key" item="item"}-->,"<!--{$key}-->"<!--{/foreach}-->);
|
| 1504 |
for (var i = 0; i < valid.length; i++){
|
| 1505 |
APP$('*[name=' + valid[i] + ']').css("background", "rgb(253, 234, 234)");
|
| 1506 |
}
|
| 1507 |
|
| 1508 |
// 入力フォーム背景指定
|
| 1509 |
APP$('input, select').focus( function () { APP$(this).css("background", "") } );
|
| 1510 |
});
|
| 1511 |
|
| 1512 |
APP$('#mailmaga_flg').click(function(){
|
| 1513 |
if(APP$(this).prop('checked')){
|
| 1514 |
APP$('#no_mailmaga_flg').val(0);
|
| 1515 |
}
|
| 1516 |
else{
|
| 1517 |
APP$('#no_mailmaga_flg').val(1);
|
| 1518 |
}
|
| 1519 |
});
|
| 1520 |
});
|
| 1521 |
</script>
|
| 1522 |
|
| 1523 |
<!--{* LPフォーム入力アシスト機能 パーツカラーの上書き *}-->
|
| 1524 |
<!--{*
|
| 1525 |
<style>
|
| 1526 |
:root {
|
| 1527 |
--efo-message-textColor: ;
|
| 1528 |
--efo-message-backgroundColor: ;
|
| 1529 |
--efo-progress-textColor: ;
|
| 1530 |
--efo-progress-accentColor: ;
|
| 1531 |
--efo-progress-backgroundColor: ;
|
| 1532 |
--efo-error-form-borderColor: ;
|
| 1533 |
--efo-error-form-textColor: ;
|
| 1534 |
--efo-error-form-backgroundColor: ;
|
| 1535 |
--efo-success-form-borderColor: ;
|
| 1536 |
--efo-success-form-textColor: ;
|
| 1537 |
--efo-success-form-backgroundColor: ;
|
| 1538 |
--efo-incomplete-backgroundColor: ;
|
| 1539 |
--efo-incomplete-textColor: ;
|
| 1540 |
--efo-incomplete-linkColor: ;
|
| 1541 |
}
|
| 1542 |
</style>
|
| 1543 |
*}-->
|
| 1544 |
|
| 1545 |
<script>
|
| 1546 |
var EFO = {};
|
| 1547 |
EFO.SITE_CONFIG = {
|
| 1548 |
password: {
|
| 1549 |
min: <!--{$password_rule.min_length|escape:javascript nofilter}-->,
|
| 1550 |
max: <!--{$password_rule.max_length|escape:javascript nofilter}-->
|
| 1551 |
},
|
| 1552 |
birthday: {
|
| 1553 |
required: <!--{if $req_setting.pc_birth == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1554 |
},
|
| 1555 |
sex: {
|
| 1556 |
selected: <!--{if $req_setting.pc_sex == 'REQUIRED'}-->true<!--{else}-->false<!--{/if}-->
|
| 1557 |
}
|
| 1558 |
}
|
| 1559 |
</script>
|
| 1560 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1561 |
<script src="/assets/efo/js/config.sp.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1562 |
<script>
|
| 1563 |
EFO.page.config = {
|
| 1564 |
showIncomplete: Boolean(<!--{$skip_confirm_page_flg}-->),
|
| 1565 |
};
|
| 1566 |
EFO.page.classes = {
|
| 1567 |
};
|
| 1568 |
EFO.page.validation = {
|
| 1569 |
};
|
| 1570 |
EFO.page.validationMessage = {
|
| 1571 |
};
|
| 1572 |
</script>
|
| 1573 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1574 |
|
| 1575 |
<!--{* リピスト Chat ここから *}-->
|
| 1576 |
<!--{if 'lp_chat_form'|get_option_use_flg == true && $is_usable_chat}-->
|
| 1577 |
<link rel="stylesheet" href="<!--{$SMP_TPL_DIR}-->assets/chat_form/css/style.css" type="text/css" media="all" />
|
| 1578 |
<script>
|
| 1579 |
var ChatForm = {
|
| 1580 |
lpFormKey: (new URL(document.location)).searchParams.get('p') || '<!--{$smarty.session.site.from_lp_product|escape:javascript nofilter}-->' || '<!--{$p|escape:javascript nofilter}-->',
|
| 1581 |
lpAjaxUrl: '<!--{$ajax_url}-->',
|
| 1582 |
isMobile: true,
|
| 1583 |
spiderTracker: "<!--{$spider_tracker}-->",
|
| 1584 |
showRegularTotalAddFeeTable: false
|
| 1585 |
}
|
| 1586 |
</script>
|
| 1587 |
<script src="/assets/chat_form/js/chat_form.min.js" defer></script>
|
| 1588 |
<div id="cf-root"></div>
|
| 1589 |
<!--{/if}-->
|
| 1590 |
<!--{* リピスト Chat ここまで *}-->
|
| 1591 |
|
| 1592 |
<!--{* LPフォーム個別js *}-->
|
| 1593 |
<!--{if isset($js_file_path) && $js_file_path !== ''}-->
|
| 1594 |
<script src="<!--{$js_file_path}-->?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 1595 |
<!--{/if}-->
|
../tmp/smp/templates/pr_default/shopping/purchase_offer_complete.tpl
CHANGED
|
@@ -1,751 +1,747 @@
|
|
| 1 |
<!--ダイアログ-->
|
| 2 |
|
| 3 |
<!--{* カウントダウン表示 ss *}-->
|
| 4 |
<!--{* <div class="countdown_timer_for_purchase_offer"></div> *}-->
|
| 5 |
<!--{* カウントダウン表示 hh:mm:ss *}-->
|
| 6 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss"></div> *}-->
|
| 7 |
<!--{* カウントダウン表示 hh:mm:ss:ms *}-->
|
| 8 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss:ms"></div> *}-->
|
| 9 |
|
| 10 |
<!--{* オファーフォーム直上のHTML *}-->
|
| 11 |
<!--{$offer_html_on_form}-->
|
| 12 |
|
| 13 |
<div class="p-lp-ups ups_dialog" id="complete_offer_block">
|
| 14 |
<div class="p-lp-ups__inner">
|
| 15 |
<form name="form1" id="form1" method="post" action="" class="js-efo">
|
| 16 |
<div class="p-lp-ups__product">
|
| 17 |
<div class="c-lp-section c-lp-section--full-width">
|
| 18 |
<div class="product-group c-form-groups c-form-groups--column">
|
| 19 |
<div class="c-form-group c-form-group--column">
|
| 20 |
<label class="c-form-label" for="product_id">商品：</label>
|
| 21 |
<div class="c-select c-select--lg c-select--white">
|
| 22 |
<select name="product_id[1]" id="product_id" class="product_id" data-bulk_number="1">
|
| 23 |
<!--{foreach from=$offer_products_list key=key item=offer_product}-->
|
| 24 |
<option value="<!--{$offer_product.product_id}-->"><!--{$offer_product.name}--></option>
|
| 25 |
<!--{/foreach}-->
|
| 26 |
</select>
|
| 27 |
<i></i>
|
| 28 |
</div>
|
| 29 |
</div>
|
| 30 |
-
<!--{
|
| 31 |
-
|
| 32 |
-
<div class="c-form-group c-form-group--column">
|
| 33 |
<label class="c-form-label" for="quantity">数量：</label>
|
| 34 |
<div class="c-select c-select--lg c-select--white">
|
| 35 |
<select id="quantity" name="quantity[1]" class="quantity" data-bulk_number="1">
|
| 36 |
<!--{assign var=key1 value="quantity"}-->
|
| 37 |
<!--{* 確認画面がなく、この画面に戻ってくることがないのでselectedは必要なし *}-->
|
| 38 |
<!--{for $i=1 to 10}-->
|
| 39 |
<option value="<!--{$i}-->"><!--{$i}--></option>
|
| 40 |
<!--{/for}-->
|
| 41 |
</select>
|
| 42 |
<i></i>
|
| 43 |
</div>
|
| 44 |
</div>
|
| 45 |
-
<!--{else}-->
|
| 46 |
-
<input type="hidden" name="quantity[1]" value="1">
|
| 47 |
-
<!--{/if}-->
|
| 48 |
</div>
|
| 49 |
<div id="class_category_block_1" style="display:none;">
|
| 50 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 51 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 52 |
<div class="class-category" id="class_category_select_1"></div>
|
| 53 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 54 |
</div>
|
| 55 |
</div>
|
| 56 |
</div>
|
| 57 |
|
| 58 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 59 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 60 |
<div class="c-lp-section c-lp-section--full-width">
|
| 61 |
<div class="c-amazon-pay">
|
| 62 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 63 |
Amazonアカウントで決済できます
|
| 64 |
</div>
|
| 65 |
<div class="c-amazon-pay__body">
|
| 66 |
<div id="amazon_pay_v2_area">
|
| 67 |
<p class="c-amazon-pay__paragraph">
|
| 68 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 69 |
</p>
|
| 70 |
<div class="c-amazon-pay__consent">
|
| 71 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 72 |
<div class="c-checkbox">
|
| 73 |
<input type="checkbox" id="amazon_v2_agree">
|
| 74 |
<label for="amazon_v2_agree">
|
| 75 |
利用する場合は、
|
| 76 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 77 |
に同意して会員登録する(必須)
|
| 78 |
</label>
|
| 79 |
</div>
|
| 80 |
<!--{/if}-->
|
| 81 |
</div>
|
| 82 |
</div>
|
| 83 |
<div id="amazon_pay_button_v2">
|
| 84 |
<div id="amazon_pay_button_v2_click_area">
|
| 85 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 86 |
<span id="amazon_dummy_btn">
|
| 87 |
<img src="/img/icons/amazon_v2.png">
|
| 88 |
</span>
|
| 89 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 90 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 91 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
</div>
|
| 98 |
<!--{/if}-->
|
| 99 |
|
| 100 |
<!--{* お届け先情報 *}-->
|
| 101 |
<div class="p-lp__address">
|
| 102 |
<div class="c-lp-section c-lp-section--full-width">
|
| 103 |
<div class="c-lp-section__title">お届け先</div>
|
| 104 |
<div class="c-lp-section__column">
|
| 105 |
<div class="c-table c-table--column">
|
| 106 |
<table summary="お届け先" class="c-table__align-left">
|
| 107 |
<tr>
|
| 108 |
<th class="c-width-300">お名前</th>
|
| 109 |
<td colspan="2"><!--{$order_data.deliv_name01}--> <!--{$order_data.deliv_name02}--> (<!--{$order_data.deliv_kana01}--> <!--{$order_data.deliv_kana02}-->)</td>
|
| 110 |
</tr>
|
| 111 |
<tr>
|
| 112 |
<th>郵便番号</th>
|
| 113 |
<td colspan="2">〒<!--{$order_data.deliv_zip01}-->-<!--{$order_data.deliv_zip02}--></td>
|
| 114 |
</tr>
|
| 115 |
<tr>
|
| 116 |
<th>住所</th>
|
| 117 |
<td colspan="2"><!--{$arrPref[$order_data.deliv_pref]}--><!--{$order_data.deliv_addr01}--><!--{$order_data.deliv_addr02}--></td>
|
| 118 |
</tr>
|
| 119 |
<tr>
|
| 120 |
<th>電話番号</th>
|
| 121 |
<td colspan="2"><!--{$order_data.deliv_tel01}-->-<!--{$order_data.deliv_tel02}-->-<!--{$order_data.deliv_tel03}--></td>
|
| 122 |
</tr>
|
| 123 |
</table>
|
| 124 |
</div>
|
| 125 |
</div>
|
| 126 |
<div class="c-lp-section__column">
|
| 127 |
<div class="change-address">
|
| 128 |
<div class="c-form-group c-form-group--column">
|
| 129 |
<h3 class="c-lp-section__title">
|
| 130 |
お届け先
|
| 131 |
<span class="c-form-label-required">必須</span>
|
| 132 |
</h3>
|
| 133 |
<div class="c-select c-select--white">
|
| 134 |
<select id="address-select">
|
| 135 |
<option value="no_change">上記と同じご住所へお届けする</option>
|
| 136 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 137 |
<option value="other_address">別のお届け先を入力する</option>
|
| 138 |
</select>
|
| 139 |
<i></i>
|
| 140 |
</div>
|
| 141 |
<input type="hidden" name="other_deliv_id" id="other_deliv_id">
|
| 142 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" style="display:none" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}-->>
|
| 143 |
</div>
|
| 144 |
</div>
|
| 145 |
</div>
|
| 146 |
</div>
|
| 147 |
</div>
|
| 148 |
|
| 149 |
<!--{include file="`$smarty.const.S_TEMPLATE_PATH`/shopping/lp_other_deliv_form.tpl"}-->
|
| 150 |
|
| 151 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 152 |
<!--{if $view_coupon_form}-->
|
| 153 |
<div class="p-lp__coupon">
|
| 154 |
<div class="c-lp-section c-lp-section--full-width" id="coupon_area" style="display:none;">
|
| 155 |
<h3 class="c-lp-section__title">クーポン</h3>
|
| 156 |
<div id="entry_coupon_td">
|
| 157 |
<div class="c-input-form">
|
| 158 |
<input type="text" name="coupon_code" value="<!--{$previouslyUsedCodeCoupon}-->" id="coupon_code"/>
|
| 159 |
<button type="button" id="check_coupon_code" class="c-button c-button--default">
|
| 160 |
<span class="c-button__text">適用</span>
|
| 161 |
<div class="c-button__loader"></div>
|
| 162 |
</button>
|
| 163 |
</div>
|
| 164 |
<span class="c-form-error-message" id="coupon_code_error"></span>
|
| 165 |
</div>
|
| 166 |
<div id="view_coupon_td" style="display:none;">
|
| 167 |
<table>
|
| 168 |
<tr>
|
| 169 |
<th>クーポンコード</th>
|
| 170 |
<td>
|
| 171 |
<div class="c-input-form">
|
| 172 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 173 |
<button type="button" id="remove_coupon_code" class="c-button c-button--default">
|
| 174 |
<span class="c-button__text">解除</span>
|
| 175 |
<div class="c-button__loader"></div>
|
| 176 |
</button>
|
| 177 |
</div>
|
| 178 |
</td>
|
| 179 |
</tr>
|
| 180 |
<tr>
|
| 181 |
<th>値引き金額</th>
|
| 182 |
<td>
|
| 183 |
<div id="coupon_discount_tr" style="display:none;">
|
| 184 |
<span id="discount"></span>円値引
|
| 185 |
</div>
|
| 186 |
</td>
|
| 187 |
</tr>
|
| 188 |
</table>
|
| 189 |
</div>
|
| 190 |
</div>
|
| 191 |
</div>
|
| 192 |
<!--{/if}-->
|
| 193 |
|
| 194 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 195 |
<!--{if $tpl_login && $point_flg != 2 && $isVisiblePointForm}-->
|
| 196 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 197 |
<div class="c-lp-section c-lp-section--full-width">
|
| 198 |
<div class="c-lp-section__title">ポイント使用</div>
|
| 199 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 200 |
<div class="point-info">
|
| 201 |
<div class="point-info__row">
|
| 202 |
<div class="point-info__header">
|
| 203 |
今回ご購入合計金額：<br>
|
| 204 |
<small>（送料、手数料を含みません）</small>
|
| 205 |
</div>
|
| 206 |
<div class="point-info__data">
|
| 207 |
<span id="price"></span>
|
| 208 |
</div>
|
| 209 |
</div>
|
| 210 |
<div class="point-info__row">
|
| 211 |
<div class="point-info__header">所持ポイント:</div>
|
| 212 |
<div class="point-info__data">
|
| 213 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 214 |
</div>
|
| 215 |
</div>
|
| 216 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 217 |
<div class="point-info__row">
|
| 218 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 219 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 220 |
</div>
|
| 221 |
<!--{/if}-->
|
| 222 |
<div class="point-info__row point-input-row">
|
| 223 |
<div class="point-info__header">利用ポイント:</div>
|
| 224 |
<div class="point-info__data">
|
| 225 |
<!--{assign var=key value="use_point"}-->
|
| 226 |
<input
|
| 227 |
type="number"
|
| 228 |
name="<!--{$key}-->"
|
| 229 |
value="0"
|
| 230 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-toggle-point-usage__point-value"
|
| 231 |
size="6"
|
| 232 |
min="0"
|
| 233 |
/> pt
|
| 234 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 235 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 236 |
</div>
|
| 237 |
</div>
|
| 238 |
</div>
|
| 239 |
<input type="radio" id="point_on" class="js-toggle-point-usage" name="point_check" value="1" style="display: none;" checked/>
|
| 240 |
<input type="radio" id="point_off" class="js-toggle-point-usage" name="point_check" value="2" style="display: none;"/>
|
| 241 |
</div>
|
| 242 |
</div>
|
| 243 |
<!--{/if}-->
|
| 244 |
|
| 245 |
<!-- AJAX追加 -->
|
| 246 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 247 |
<div class="p-lp-ups__payment">
|
| 248 |
<!--{if !$isReloadDisplay}-->
|
| 249 |
<!--{* 元受注の支払い方法を引き継ぐためのinputタグ *}-->
|
| 250 |
<input type="hidden" name="payment_id_h" value="<!--{$order_data.payment_id}-->" class="payment_id_h" id="payment_id_h">
|
| 251 |
<!--{/if}-->
|
| 252 |
<div id="payment_area" style="display:none;">
|
| 253 |
<div class="c-lp-section c-lp-section--full-width">
|
| 254 |
<div class="c-lp-section__title">
|
| 255 |
お支払い方法
|
| 256 |
<span class="c-form-label-required">必須</span>
|
| 257 |
</div>
|
| 258 |
<!--{* ↓お支払い方法取得用↓ *}-->
|
| 259 |
<span id="payment_methods"></span>
|
| 260 |
<!--{* ↑お支払い方法取得用↑ *}-->
|
| 261 |
</div>
|
| 262 |
<!--{* カード登録について
|
| 263 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 264 |
*}-->
|
| 265 |
<!--{assign var=registered_change value=false}-->
|
| 266 |
|
| 267 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 268 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 269 |
</div>
|
| 270 |
</div>
|
| 271 |
|
| 272 |
<div class="p-lp-ups__regular">
|
| 273 |
<!--{* ▼ 編集しないでください ▼ *}-->
|
| 274 |
<div id="regular_product_area" style="display: none;">
|
| 275 |
<input type="checkbox" name="regular" value="1" id="regular">
|
| 276 |
</div>
|
| 277 |
<!--{* ▲ 編集しないでください ▲ *}-->
|
| 278 |
|
| 279 |
<div class="delivery_calendar" id="regular-deliv_area" style="display:none;">
|
| 280 |
<div class="c-lp-section c-lp-section--full-width">
|
| 281 |
<div class="c-lp-section__title">
|
| 282 |
お届け間隔の指定
|
| 283 |
<span class="c-form-label-required">必須</span>
|
| 284 |
</div>
|
| 285 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 286 |
<span id="regular_cycle_area"></span>
|
| 287 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 288 |
</div>
|
| 289 |
</div>
|
| 290 |
</div>
|
| 291 |
|
| 292 |
<div class="p-lp-ups__delivery">
|
| 293 |
<!--{* ↓お届け時間がこちらに表示されます↓ *}-->
|
| 294 |
<div id="deliv_datetime_area" style="display:none;">
|
| 295 |
<div class="c-lp-section c-lp-section--full-width">
|
| 296 |
<div class="c-lp-section__title">お届け時間の指定</div>
|
| 297 |
<div id="deliv_time_area"></div>
|
| 298 |
</div>
|
| 299 |
</div>
|
| 300 |
<!--{* ↑お届け時間がこちらに表示されます↑ *}-->
|
| 301 |
</div>
|
| 302 |
<div class="p-lp__confirm">
|
| 303 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 304 |
<div class="c-lp-section c-lp-section--full-width js-confirm-section" style="display:none;">
|
| 305 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 306 |
|
| 307 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 308 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます<br>
|
| 309 |
（ポイントは使用されません）<br>
|
| 310 |
ポイントを使用したい場合、クーポンを解除してください
|
| 311 |
</div>
|
| 312 |
|
| 313 |
<!--商品一覧 表示領域-->
|
| 314 |
<div class="confirm-products">
|
| 315 |
<ul id="js-confirm-products"></ul>
|
| 316 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 317 |
</div>
|
| 318 |
<!--商品一覧 テンプレート-->
|
| 319 |
<ul id="tmp-confirm-products" style="display:none;">
|
| 320 |
<li>
|
| 321 |
{{product_name}}
|
| 322 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 323 |
<span class="class-category">{{class}}</span><br>
|
| 324 |
商品単価：{{price}}円
|
| 325 |
数量：{{quantity}}
|
| 326 |
</li>
|
| 327 |
</ul>
|
| 328 |
|
| 329 |
<div class="c-lp-section__title">直前のご注文内容のご確認</div>
|
| 330 |
|
| 331 |
<!--{* 商品一覧 表示領域 ※クロスセル用 *}-->
|
| 332 |
<div class="confirm-products js-confirm-products-closssell-block">
|
| 333 |
<ul class="js-confirm-products-closssell"></ul>
|
| 334 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 335 |
</div>
|
| 336 |
<!--商品一覧 テンプレート-->
|
| 337 |
<div style="display:none;">
|
| 338 |
<ul id="tmp-confirm-products-closssell">
|
| 339 |
<li>
|
| 340 |
<span class="c-status-label c-status-label--gray ">{{order_type}}</span>
|
| 341 |
{{product_name}}
|
| 342 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 343 |
<span class="class-category">{{class}}</span><br>
|
| 344 |
商品単価：{{price}}円
|
| 345 |
数量：{{quantity}}
|
| 346 |
</li>
|
| 347 |
</ul>
|
| 348 |
</div>
|
| 349 |
|
| 350 |
<!--タイムセール期限 表示領域-->
|
| 351 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 352 |
<div class="c-table">
|
| 353 |
<table>
|
| 354 |
<tr>
|
| 355 |
<th colspan="2">タイムセール期限</th>
|
| 356 |
<tbody id="js-confirm-timesale"></tbody>
|
| 357 |
</tr>
|
| 358 |
</table>
|
| 359 |
</div>
|
| 360 |
</div>
|
| 361 |
<!--タイムセール期限 テンプレート-->
|
| 362 |
<table style="display:none">
|
| 363 |
<tbody id="tmp-confirm-timesale">
|
| 364 |
<tr>
|
| 365 |
<td>{{product_name}}</td>
|
| 366 |
<td>{{timesales_end_date}}</td>
|
| 367 |
</tr>
|
| 368 |
</tbody>
|
| 369 |
</table>
|
| 370 |
|
| 371 |
<!--商品合計・手数料・消費税・送料領域-->
|
| 372 |
<div class="confirm-payment">
|
| 373 |
<!--商品合計・手数料・送料 表示領域-->
|
| 374 |
<div id="js-confirm-payment"></div>
|
| 375 |
<!--税額 表示領域-->
|
| 376 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 377 |
</div>
|
| 378 |
|
| 379 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 380 |
<div id="tmp-confirm-payment" style="display:none;">
|
| 381 |
<table>
|
| 382 |
<tr>
|
| 383 |
<th>商品(税込)</th>
|
| 384 |
<td>{{subtotal}}円</td>
|
| 385 |
</tr>
|
| 386 |
<tr class="js-confirm-discount">
|
| 387 |
<th>クーポン値引き金額</th>
|
| 388 |
<td>-{{coupon_discount}}円</td>
|
| 389 |
</tr>
|
| 390 |
<tr class="js-confirm-use-point">
|
| 391 |
<th>ポイント値引き金額</th>
|
| 392 |
<td>-{{use_point}}円</td>
|
| 393 |
</tr>
|
| 394 |
<tr>
|
| 395 |
<th>送料(税込)</th>
|
| 396 |
<td>{{deliv_fee}}円</td>
|
| 397 |
</tr>
|
| 398 |
<tr>
|
| 399 |
<th>手数料(税込)</th>
|
| 400 |
<td>{{charge}}円</td>
|
| 401 |
</tr>
|
| 402 |
<tr class="js-confirm-relay-fee">
|
| 403 |
<th>離島手数料(税込)</th>
|
| 404 |
<td>{{relay_fee}}円</td>
|
| 405 |
</tr>
|
| 406 |
<tbody class="js-sending-data"></tbody>
|
| 407 |
<tr class="confirm-payment__total">
|
| 408 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 409 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 410 |
</tr>
|
| 411 |
<tr class="js-confirm-add-point">
|
| 412 |
<th>加算ポイント</th>
|
| 413 |
<td>{{add_point}}ポイント</td>
|
| 414 |
</tr>
|
| 415 |
</table>
|
| 416 |
</div>
|
| 417 |
<!--税額 テンプレート-->
|
| 418 |
<ul id="tmp-taxes" style="display:none;">
|
| 419 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 420 |
</ul>
|
| 421 |
|
| 422 |
<!--発送元特別送料 テンプレート-->
|
| 423 |
<template id="tmp-sending-data">
|
| 424 |
<tr>
|
| 425 |
<th>{{service}}</th>
|
| 426 |
<td>{{cost}}</td>
|
| 427 |
</tr>
|
| 428 |
</template>
|
| 429 |
|
| 430 |
<!--購入者情報 表示領域-->
|
| 431 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 432 |
|
| 433 |
<!--購入者情報 テンプレート-->
|
| 434 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 435 |
<div class="c-table c-table--column">
|
| 436 |
<table class="c-table__align-left">
|
| 437 |
<tr>
|
| 438 |
<th>
|
| 439 |
お名前
|
| 440 |
</th>
|
| 441 |
<td>{{join_name}}</td>
|
| 442 |
</tr>
|
| 443 |
<tr>
|
| 444 |
<th>
|
| 445 |
お届け先
|
| 446 |
</th>
|
| 447 |
<td>{{join_shipping}}</td>
|
| 448 |
</tr>
|
| 449 |
<tr>
|
| 450 |
<th>電話番号</th>
|
| 451 |
<td>{{deliv_tel}}</td>
|
| 452 |
</tr>
|
| 453 |
<tr class="js-confirm-deliver-date">
|
| 454 |
<th>
|
| 455 |
お届け指定日
|
| 456 |
</th>
|
| 457 |
<td>
|
| 458 |
{{delivery_date}}
|
| 459 |
<div class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</div>
|
| 460 |
<div class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</div>
|
| 461 |
</td>
|
| 462 |
</tr>
|
| 463 |
<tr class="js-confirm-deliver-time">
|
| 464 |
<th>
|
| 465 |
お届け時間
|
| 466 |
</th>
|
| 467 |
<td>{{delivery_time}}</td>
|
| 468 |
</tr>
|
| 469 |
<tr class="js-confirm-deliver-cycle">
|
| 470 |
<th>
|
| 471 |
お届け指定間隔
|
| 472 |
</th>
|
| 473 |
<td>
|
| 474 |
{{delivery_cycle}}
|
| 475 |
<div class="js-confirm-regular-extra-interval">
|
| 476 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 477 |
</div>
|
| 478 |
</td>
|
| 479 |
</tr>
|
| 480 |
<tr>
|
| 481 |
<th>
|
| 482 |
お支払い方法
|
| 483 |
</th>
|
| 484 |
<td>{{payment_method}}</td>
|
| 485 |
</tr>
|
| 486 |
<tr class="js-confirm-customer-payment-deadline">
|
| 487 |
<th>お支払い期限</th>
|
| 488 |
<td>{{payment_deadline}}</td>
|
| 489 |
</tr>
|
| 490 |
</table>
|
| 491 |
</div>
|
| 492 |
</div>
|
| 493 |
|
| 494 |
<!--変動サイクル テンプレート-->
|
| 495 |
<template id="tmp-confirm-regular-extra-interval">
|
| 496 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 497 |
</template>
|
| 498 |
|
| 499 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 500 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 501 |
<!--定期詳細一覧 表示領域-->
|
| 502 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 503 |
<!--送料・手数料 表示領域-->
|
| 504 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 505 |
|
| 506 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 507 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 508 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 509 |
</div>
|
| 510 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 511 |
<div class="confirm-return">
|
| 512 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 513 |
</div>
|
| 514 |
|
| 515 |
<!--定期詳細一覧 テンプレート-->
|
| 516 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 517 |
<div class="confirm-regular-detail">
|
| 518 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 519 |
<ul class="js-confirm-regular-detail__list confirm-regular-detail__list"></ul>
|
| 520 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 521 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 522 |
</div>
|
| 523 |
</div>
|
| 524 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 525 |
<div id="tmp-confirm-regular-detail__row" style="display:none">
|
| 526 |
<li class="confirm-regular-detail__row">
|
| 527 |
<div class="detail-content">
|
| 528 |
<span class="detail-content__count">{{count}}回目</span>
|
| 529 |
<span>小計:{{subtotal}}円</span>
|
| 530 |
<span class="detail-content__quantity">数量：{{quantity}}</span>
|
| 531 |
</div>
|
| 532 |
{{product_name}}
|
| 533 |
</li>
|
| 534 |
</div>
|
| 535 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 536 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 537 |
<table class="total-table">
|
| 538 |
<tr>
|
| 539 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 540 |
<td>{{total_amount_detail_total}}円</td>
|
| 541 |
</tr>
|
| 542 |
</table>
|
| 543 |
<div class="cycle-table c-table c-table--column">
|
| 544 |
<table>
|
| 545 |
<tr><th>お届けサイクル</th><td colspan="3">{{date_text}}にお届け予定</td></tr>
|
| 546 |
<tr><th>お届け回数</th><td colspan="3">{{display_regular_repeat_count}}</td></tr>
|
| 547 |
</table>
|
| 548 |
</div>
|
| 549 |
</div>
|
| 550 |
|
| 551 |
<!--送料・手数料 テンプレート-->
|
| 552 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 553 |
<div>定期コース送料・手数料一覧</div>
|
| 554 |
<div class="c-table">
|
| 555 |
<table>
|
| 556 |
<tr>
|
| 557 |
<th>回数</th>
|
| 558 |
<th>送料・手数料</th>
|
| 559 |
<th>合計</th>
|
| 560 |
</tr>
|
| 561 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 562 |
</table>
|
| 563 |
</div>
|
| 564 |
</div>
|
| 565 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 566 |
<table style="display:none;">
|
| 567 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 568 |
<tr>
|
| 569 |
<td>{{tmp_count}}回</td>
|
| 570 |
<td>手数料：{{charge}}円 / 送料：{{deliv_fee}}円</td>
|
| 571 |
<td>{{total}}円</td>
|
| 572 |
</tr>
|
| 573 |
</tbody>
|
| 574 |
</table>
|
| 575 |
|
| 576 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 577 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 578 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 579 |
<div class="c-table total-table">
|
| 580 |
<table>
|
| 581 |
<tr>
|
| 582 |
<th>回数</th>
|
| 583 |
<th>
|
| 584 |
商品<br>
|
| 585 |
送料/手数料<br>
|
| 586 |
合計
|
| 587 |
</th>
|
| 588 |
</tr>
|
| 589 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 590 |
</table>
|
| 591 |
</div>
|
| 592 |
</div>
|
| 593 |
|
| 594 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 595 |
<table style="display:none;">
|
| 596 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 597 |
<tr>
|
| 598 |
<td rowspan="3" class="c-table__align-center">{{tmp_count}}回</td>
|
| 599 |
<td>
|
| 600 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 601 |
</td>
|
| 602 |
</tr>
|
| 603 |
<tr>
|
| 604 |
<td class="c-table__align-right">
|
| 605 |
<div>手数料：{{charge}}円</div>
|
| 606 |
<div>送料：{{deliv_fee}}円</div>
|
| 607 |
</td>
|
| 608 |
</tr>
|
| 609 |
<tr><td class="c-table__align-right">合計：{{total}}円</td></tr>
|
| 610 |
</tbody>
|
| 611 |
</table>
|
| 612 |
|
| 613 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 614 |
<div style="display:none;">
|
| 615 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 616 |
<div>
|
| 617 |
<div class="product-summary">
|
| 618 |
<div>
|
| 619 |
{{product_name}}
|
| 620 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 621 |
{{product_category}} × {{product_quantity}}
|
| 622 |
</span>
|
| 623 |
</div>
|
| 624 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 625 |
<div class="product-summary__price">{{product_subtotal}}円</div>
|
| 626 |
</div>
|
| 627 |
</div>
|
| 628 |
</div>
|
| 629 |
</div>
|
| 630 |
|
| 631 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 632 |
<div style="display:none;">
|
| 633 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 634 |
<div>└{{product_name}} {{product_category}} × {{product_quantity}}</div>
|
| 635 |
</div>
|
| 636 |
</div>
|
| 637 |
|
| 638 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 639 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 640 |
<div class="c-table">
|
| 641 |
<table>
|
| 642 |
<tr>
|
| 643 |
<th>商品個数合計</th>
|
| 644 |
</tr>
|
| 645 |
<tr>
|
| 646 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 647 |
</tr>
|
| 648 |
<tr>
|
| 649 |
<th>
|
| 650 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 651 |
<span>商品 / 送料・手数料総額</span>
|
| 652 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 653 |
</th>
|
| 654 |
</tr>
|
| 655 |
<tr>
|
| 656 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 657 |
</tr>
|
| 658 |
</table>
|
| 659 |
</div>
|
| 660 |
</div>
|
| 661 |
|
| 662 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 663 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 664 |
<!--商品が複数ある場合使用-->
|
| 665 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 666 |
<!--商品が1つの場合使用-->
|
| 667 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額 </div>-->
|
| 668 |
</div>
|
| 669 |
</div>
|
| 670 |
</div>
|
| 671 |
<!--{* 切り取り挿入部分 *}-->
|
| 672 |
<input type="hidden" name="ajax_url" id="ajax_url" value="/shopping/lp_ajax.php">
|
| 673 |
<div id="alert_errors" class="c-error-message-section" style="display:none;">
|
| 674 |
<!--{if $arrErr}-->
|
| 675 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 676 |
<!--{$item}--><br>
|
| 677 |
<!--{/foreach}-->
|
| 678 |
<!--{/if}-->
|
| 679 |
</div>
|
| 680 |
|
| 681 |
<!--{* 【非表示】個人情報のお取り扱いについて *}-->
|
| 682 |
<div class="p-lp__consent" style="display:none;">
|
| 683 |
<div class="c-lp-section c-lp-section--full-width">
|
| 684 |
<div class="c-lp-section__title c-lp-section__title--center">個人情報のお取り扱いについて</div>
|
| 685 |
<ul class="privacy-check-list">
|
| 686 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 687 |
<!--{* 必要な場合はコメントアウトを外してください *}-->
|
| 688 |
<!--
|
| 689 |
<li>
|
| 690 |
<div class="c-checkbox">
|
| 691 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1">
|
| 692 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 693 |
</div>
|
| 694 |
<input type="hidden" name="no_mailmaga_flg" value="0" id="no_mailmaga_flg" />
|
| 695 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 696 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 697 |
|
| 698 |
</li>
|
| 699 |
-->
|
| 700 |
<!--{/if}-->
|
| 701 |
<li>
|
| 702 |
<!--{assign var=key value="agree"}-->
|
| 703 |
<div class="privacy-check-list__group">
|
| 704 |
<div style="display:none;" id="rule_text_area">
|
| 705 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 706 |
</div>
|
| 707 |
<p>ご購入前に<a class="c-link" id="rule_text_link">利用規約</a>を必ずお読み下さい。</p>
|
| 708 |
<div class="c-checkbox agree-check">
|
| 709 |
<!--{* checked にせずに 個人情報のお取り扱いを style="display:none;" とすると確認内容が表示されなくなるためご注意ください。*}-->
|
| 710 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" checked/>
|
| 711 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 712 |
</div>
|
| 713 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 714 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 715 |
</div>
|
| 716 |
</li>
|
| 717 |
</ul>
|
| 718 |
</div>
|
| 719 |
</div>
|
| 720 |
<input type="hidden" id="lp_form_key" value="<!--{$arrGAOrder.lp_form_key}-->">
|
| 721 |
</form>
|
| 722 |
</div>
|
| 723 |
</div>
|
| 724 |
|
| 725 |
<!--{* オファーの受付終了後のブロックです。適宜編集してください。 *}-->
|
| 726 |
<div class="p-lp-ups ups_dialog" id="purchase_offer_reception_closed_block" style="display:none;">
|
| 727 |
有効期限を経過したため受付を終了いたしました。
|
| 728 |
</div>
|
| 729 |
|
| 730 |
<script src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 731 |
|
| 732 |
<script>
|
| 733 |
var EFO = {};
|
| 734 |
EFO.SITE_CONFIG = {};
|
| 735 |
</script>
|
| 736 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 737 |
<script src="/assets/efo/js/config.sp.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 738 |
<script>
|
| 739 |
EFO.page.config = {
|
| 740 |
};
|
| 741 |
EFO.page.classes = {
|
| 742 |
}
|
| 743 |
EFO.page.validation = {
|
| 744 |
}
|
| 745 |
</script>
|
| 746 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 747 |
|
| 748 |
<input type="hidden" class="js-purchase-offer-complete-countdown" value="<!--{$expiration_second|to_js_expr nofilter}-->">
|
| 749 |
|
| 750 |
<!--{* オファー個別js *}-->
|
| 751 |
<!--{$js}-->
|
|
|
|
| 1 |
<!--ダイアログ-->
|
| 2 |
|
| 3 |
<!--{* カウントダウン表示 ss *}-->
|
| 4 |
<!--{* <div class="countdown_timer_for_purchase_offer"></div> *}-->
|
| 5 |
<!--{* カウントダウン表示 hh:mm:ss *}-->
|
| 6 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss"></div> *}-->
|
| 7 |
<!--{* カウントダウン表示 hh:mm:ss:ms *}-->
|
| 8 |
<!--{* <div class="countdown_timer_for_purchase_offer" data-format="hh:mm:ss:ms"></div> *}-->
|
| 9 |
|
| 10 |
<!--{* オファーフォーム直上のHTML *}-->
|
| 11 |
<!--{$offer_html_on_form}-->
|
| 12 |
|
| 13 |
<div class="p-lp-ups ups_dialog" id="complete_offer_block">
|
| 14 |
<div class="p-lp-ups__inner">
|
| 15 |
<form name="form1" id="form1" method="post" action="" class="js-efo">
|
| 16 |
<div class="p-lp-ups__product">
|
| 17 |
<div class="c-lp-section c-lp-section--full-width">
|
| 18 |
<div class="product-group c-form-groups c-form-groups--column">
|
| 19 |
<div class="c-form-group c-form-group--column">
|
| 20 |
<label class="c-form-label" for="product_id">商品：</label>
|
| 21 |
<div class="c-select c-select--lg c-select--white">
|
| 22 |
<select name="product_id[1]" id="product_id" class="product_id" data-bulk_number="1">
|
| 23 |
<!--{foreach from=$offer_products_list key=key item=offer_product}-->
|
| 24 |
<option value="<!--{$offer_product.product_id}-->"><!--{$offer_product.name}--></option>
|
| 25 |
<!--{/foreach}-->
|
| 26 |
</select>
|
| 27 |
<i></i>
|
| 28 |
</div>
|
| 29 |
</div>
|
| 30 |
+
<!--{* 数量選択セレクトボックスを表示したい場合は style="display:none;" を削除してください *}-->
|
| 31 |
+
<div class="c-form-group c-form-group--column" style="display:none;">
|
|
|
|
| 32 |
<label class="c-form-label" for="quantity">数量：</label>
|
| 33 |
<div class="c-select c-select--lg c-select--white">
|
| 34 |
<select id="quantity" name="quantity[1]" class="quantity" data-bulk_number="1">
|
| 35 |
<!--{assign var=key1 value="quantity"}-->
|
| 36 |
<!--{* 確認画面がなく、この画面に戻ってくることがないのでselectedは必要なし *}-->
|
| 37 |
<!--{for $i=1 to 10}-->
|
| 38 |
<option value="<!--{$i}-->"><!--{$i}--></option>
|
| 39 |
<!--{/for}-->
|
| 40 |
</select>
|
| 41 |
<i></i>
|
| 42 |
</div>
|
| 43 |
</div>
|
|
|
|
|
|
|
|
|
|
| 44 |
</div>
|
| 45 |
<div id="class_category_block_1" style="display:none;">
|
| 46 |
<!--{* 各規格 商品を選択すると、自動的に表示されます。 *}-->
|
| 47 |
<!--{* ↓このdiv内に規格用のセレクトボックスが表示されます↓ *}-->
|
| 48 |
<div class="class-category" id="class_category_select_1"></div>
|
| 49 |
<!--{* ↑このdiv内に規格用のセレクトボックスが表示されます↑ *}-->
|
| 50 |
</div>
|
| 51 |
</div>
|
| 52 |
</div>
|
| 53 |
|
| 54 |
<!--{if 'amazon_pay_v2_usable'|amazon_pay_v2_usable}-->
|
| 55 |
<div id="amazon_button_area_v2" style="display:none;">
|
| 56 |
<div class="c-lp-section c-lp-section--full-width">
|
| 57 |
<div class="c-amazon-pay">
|
| 58 |
<div id="amazon_h" class="c-amazon-pay__header">
|
| 59 |
Amazonアカウントで決済できます
|
| 60 |
</div>
|
| 61 |
<div class="c-amazon-pay__body">
|
| 62 |
<div id="amazon_pay_v2_area">
|
| 63 |
<p class="c-amazon-pay__paragraph">
|
| 64 |
Amazon.co.jp に登録している情報を使って簡単にお支払いができるサービスです。<br />
|
| 65 |
</p>
|
| 66 |
<div class="c-amazon-pay__consent">
|
| 67 |
<!--{if $is_amazon_pay_v2_tos_check_required}-->
|
| 68 |
<div class="c-checkbox">
|
| 69 |
<input type="checkbox" id="amazon_v2_agree">
|
| 70 |
<label for="amazon_v2_agree">
|
| 71 |
利用する場合は、
|
| 72 |
<a class="c-link" href="javascript:void(0)" onclick="window.open('/entry/kiyaku_popup.php','', 'width=600, height=740, menubar=no, toolbar=no, scrollbars=yes');">利用規約</a>
|
| 73 |
に同意して会員登録する(必須)
|
| 74 |
</label>
|
| 75 |
</div>
|
| 76 |
<!--{/if}-->
|
| 77 |
</div>
|
| 78 |
</div>
|
| 79 |
<div id="amazon_pay_button_v2">
|
| 80 |
<div id="amazon_pay_button_v2_click_area">
|
| 81 |
<!--{* ↓ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 82 |
<span id="amazon_dummy_btn">
|
| 83 |
<img src="/img/icons/amazon_v2.png">
|
| 84 |
</span>
|
| 85 |
<!--{* ↑ AmazonPay V2 のダミーボタンです。適宜変更してください *}-->
|
| 86 |
<span id="amazon_onetime_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='OneTime' button_id='AmazonPayButtonV2_OneTime' color='Gold'}--></span>
|
| 87 |
<span id="amazon_recurring_btn" style="display:none;"><!--{amazon_pay_button_v2 chargePermissionType='Recurring' button_id='AmazonPayButtonV2_Recurring' color='Gold'}--></span>
|
| 88 |
</div>
|
| 89 |
</div>
|
| 90 |
</div>
|
| 91 |
</div>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
<!--{/if}-->
|
| 95 |
|
| 96 |
<!--{* お届け先情報 *}-->
|
| 97 |
<div class="p-lp__address">
|
| 98 |
<div class="c-lp-section c-lp-section--full-width">
|
| 99 |
<div class="c-lp-section__title">お届け先</div>
|
| 100 |
<div class="c-lp-section__column">
|
| 101 |
<div class="c-table c-table--column">
|
| 102 |
<table summary="お届け先" class="c-table__align-left">
|
| 103 |
<tr>
|
| 104 |
<th class="c-width-300">お名前</th>
|
| 105 |
<td colspan="2"><!--{$order_data.deliv_name01}--> <!--{$order_data.deliv_name02}--> (<!--{$order_data.deliv_kana01}--> <!--{$order_data.deliv_kana02}-->)</td>
|
| 106 |
</tr>
|
| 107 |
<tr>
|
| 108 |
<th>郵便番号</th>
|
| 109 |
<td colspan="2">〒<!--{$order_data.deliv_zip01}-->-<!--{$order_data.deliv_zip02}--></td>
|
| 110 |
</tr>
|
| 111 |
<tr>
|
| 112 |
<th>住所</th>
|
| 113 |
<td colspan="2"><!--{$arrPref[$order_data.deliv_pref]}--><!--{$order_data.deliv_addr01}--><!--{$order_data.deliv_addr02}--></td>
|
| 114 |
</tr>
|
| 115 |
<tr>
|
| 116 |
<th>電話番号</th>
|
| 117 |
<td colspan="2"><!--{$order_data.deliv_tel01}-->-<!--{$order_data.deliv_tel02}-->-<!--{$order_data.deliv_tel03}--></td>
|
| 118 |
</tr>
|
| 119 |
</table>
|
| 120 |
</div>
|
| 121 |
</div>
|
| 122 |
<div class="c-lp-section__column">
|
| 123 |
<div class="change-address">
|
| 124 |
<div class="c-form-group c-form-group--column">
|
| 125 |
<h3 class="c-lp-section__title">
|
| 126 |
お届け先
|
| 127 |
<span class="c-form-label-required">必須</span>
|
| 128 |
</h3>
|
| 129 |
<div class="c-select c-select--white">
|
| 130 |
<select id="address-select">
|
| 131 |
<option value="no_change">上記と同じご住所へお届けする</option>
|
| 132 |
<!--{html_options options=$arrOtherCustomer selected=$arrForm.other_deliv_id}-->
|
| 133 |
<option value="other_address">別のお届け先を入力する</option>
|
| 134 |
</select>
|
| 135 |
<i></i>
|
| 136 |
</div>
|
| 137 |
<input type="hidden" name="other_deliv_id" id="other_deliv_id">
|
| 138 |
<input type="checkbox" name="deliv_check" value="1" id="deliv_check" style="display:none" <!--{if $deliv_check == 1}-->checked="checked"<!--{/if}-->>
|
| 139 |
</div>
|
| 140 |
</div>
|
| 141 |
</div>
|
| 142 |
</div>
|
| 143 |
</div>
|
| 144 |
|
| 145 |
<!--{include file="`$smarty.const.S_TEMPLATE_PATH`/shopping/lp_other_deliv_form.tpl"}-->
|
| 146 |
|
| 147 |
<!--{* クーポンを使わせない場合はコメントアウトしてください *}-->
|
| 148 |
<!--{if $view_coupon_form}-->
|
| 149 |
<div class="p-lp__coupon">
|
| 150 |
<div class="c-lp-section c-lp-section--full-width" id="coupon_area" style="display:none;">
|
| 151 |
<h3 class="c-lp-section__title">クーポン</h3>
|
| 152 |
<div id="entry_coupon_td">
|
| 153 |
<div class="c-input-form">
|
| 154 |
<input type="text" name="coupon_code" value="<!--{$previouslyUsedCodeCoupon}-->" id="coupon_code"/>
|
| 155 |
<button type="button" id="check_coupon_code" class="c-button c-button--default">
|
| 156 |
<span class="c-button__text">適用</span>
|
| 157 |
<div class="c-button__loader"></div>
|
| 158 |
</button>
|
| 159 |
</div>
|
| 160 |
<span class="c-form-error-message" id="coupon_code_error"></span>
|
| 161 |
</div>
|
| 162 |
<div id="view_coupon_td" style="display:none;">
|
| 163 |
<table>
|
| 164 |
<tr>
|
| 165 |
<th>クーポンコード</th>
|
| 166 |
<td>
|
| 167 |
<div class="c-input-form">
|
| 168 |
<span id="code_coupon_code" class="coupon-code"></span>
|
| 169 |
<button type="button" id="remove_coupon_code" class="c-button c-button--default">
|
| 170 |
<span class="c-button__text">解除</span>
|
| 171 |
<div class="c-button__loader"></div>
|
| 172 |
</button>
|
| 173 |
</div>
|
| 174 |
</td>
|
| 175 |
</tr>
|
| 176 |
<tr>
|
| 177 |
<th>値引き金額</th>
|
| 178 |
<td>
|
| 179 |
<div id="coupon_discount_tr" style="display:none;">
|
| 180 |
<span id="discount"></span>円値引
|
| 181 |
</div>
|
| 182 |
</td>
|
| 183 |
</tr>
|
| 184 |
</table>
|
| 185 |
</div>
|
| 186 |
</div>
|
| 187 |
</div>
|
| 188 |
<!--{/if}-->
|
| 189 |
|
| 190 |
<!--{* ポイント使用欄は、ログイン済の状態で商品選択(規格ありの場合は規格も選択)されると表示されます *}-->
|
| 191 |
<!--{if $tpl_login && $point_flg != 2 && $isVisiblePointForm}-->
|
| 192 |
<div class="p-lp__point" id="point_area" style="display:none;">
|
| 193 |
<div class="c-lp-section c-lp-section--full-width">
|
| 194 |
<div class="c-lp-section__title">ポイント使用</div>
|
| 195 |
<div class="js-point-notice point-notice">クーポン適用時はポイントを使用できません</div>
|
| 196 |
<div class="point-info">
|
| 197 |
<div class="point-info__row">
|
| 198 |
<div class="point-info__header">
|
| 199 |
今回ご購入合計金額：<br>
|
| 200 |
<small>（送料、手数料を含みません）</small>
|
| 201 |
</div>
|
| 202 |
<div class="point-info__data">
|
| 203 |
<span id="price"></span>
|
| 204 |
</div>
|
| 205 |
</div>
|
| 206 |
<div class="point-info__row">
|
| 207 |
<div class="point-info__header">所持ポイント:</div>
|
| 208 |
<div class="point-info__data">
|
| 209 |
<span class="c-highlight c-highlight--green"><!--{$CustomerPoint|default:0|number_format}--></span>pt
|
| 210 |
</div>
|
| 211 |
</div>
|
| 212 |
<!--{if $CustomerPoint|default:0 > $tpl_available_point|default:0 }-->
|
| 213 |
<div class="point-info__row">
|
| 214 |
<div class="point-info__header">ポイント使用上限:</div>
|
| 215 |
<div class="point-info__data"><!--{$tpl_available_point|default:0|number_format}-->pt</div>
|
| 216 |
</div>
|
| 217 |
<!--{/if}-->
|
| 218 |
<div class="point-info__row point-input-row">
|
| 219 |
<div class="point-info__header">利用ポイント:</div>
|
| 220 |
<div class="point-info__data">
|
| 221 |
<!--{assign var=key value="use_point"}-->
|
| 222 |
<input
|
| 223 |
type="number"
|
| 224 |
name="<!--{$key}-->"
|
| 225 |
value="0"
|
| 226 |
class="c-width-100 c-textbox c-textbox--right <!--{if $arrErr[$key]}-->c-textbox--error<!--{/if}--> js-toggle-point-usage__point-value"
|
| 227 |
size="6"
|
| 228 |
min="0"
|
| 229 |
/> pt
|
| 230 |
<div class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></div>
|
| 231 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 232 |
</div>
|
| 233 |
</div>
|
| 234 |
</div>
|
| 235 |
<input type="radio" id="point_on" class="js-toggle-point-usage" name="point_check" value="1" style="display: none;" checked/>
|
| 236 |
<input type="radio" id="point_off" class="js-toggle-point-usage" name="point_check" value="2" style="display: none;"/>
|
| 237 |
</div>
|
| 238 |
</div>
|
| 239 |
<!--{/if}-->
|
| 240 |
|
| 241 |
<!-- AJAX追加 -->
|
| 242 |
<!--{* お支払い方法は、商品選択されると表示されます *}-->
|
| 243 |
<div class="p-lp-ups__payment">
|
| 244 |
<!--{if !$isReloadDisplay}-->
|
| 245 |
<!--{* 元受注の支払い方法を引き継ぐためのinputタグ *}-->
|
| 246 |
<input type="hidden" name="payment_id_h" value="<!--{$order_data.payment_id}-->" class="payment_id_h" id="payment_id_h">
|
| 247 |
<!--{/if}-->
|
| 248 |
<div id="payment_area" style="display:none;">
|
| 249 |
<div class="c-lp-section c-lp-section--full-width">
|
| 250 |
<div class="c-lp-section__title">
|
| 251 |
お支払い方法
|
| 252 |
<span class="c-form-label-required">必須</span>
|
| 253 |
</div>
|
| 254 |
<!--{* ↓お支払い方法取得用↓ *}-->
|
| 255 |
<span id="payment_methods"></span>
|
| 256 |
<!--{* ↑お支払い方法取得用↑ *}-->
|
| 257 |
</div>
|
| 258 |
<!--{* カード登録について
|
| 259 |
選択させない場合：value=false / 選択させる場合：value=true
|
| 260 |
*}-->
|
| 261 |
<!--{assign var=registered_change value=false}-->
|
| 262 |
|
| 263 |
<!--{* 汎用決済用クレジットカードフォーム一括出力 *}-->
|
| 264 |
<!--{get_token_payment_system_form_tag_card_info_area dump="true"}-->
|
| 265 |
</div>
|
| 266 |
</div>
|
| 267 |
|
| 268 |
<div class="p-lp-ups__regular">
|
| 269 |
<!--{* ▼ 編集しないでください ▼ *}-->
|
| 270 |
<div id="regular_product_area" style="display: none;">
|
| 271 |
<input type="checkbox" name="regular" value="1" id="regular">
|
| 272 |
</div>
|
| 273 |
<!--{* ▲ 編集しないでください ▲ *}-->
|
| 274 |
|
| 275 |
<div class="delivery_calendar" id="regular-deliv_area" style="display:none;">
|
| 276 |
<div class="c-lp-section c-lp-section--full-width">
|
| 277 |
<div class="c-lp-section__title">
|
| 278 |
お届け間隔の指定
|
| 279 |
<span class="c-form-label-required">必須</span>
|
| 280 |
</div>
|
| 281 |
<!--{* ↓定期配送間隔がこちらに表示されます↓ *}-->
|
| 282 |
<span id="regular_cycle_area"></span>
|
| 283 |
<!--{* ↑定期配送間隔がこちらに表示されます↑ *}-->
|
| 284 |
</div>
|
| 285 |
</div>
|
| 286 |
</div>
|
| 287 |
|
| 288 |
<div class="p-lp-ups__delivery">
|
| 289 |
<!--{* ↓お届け時間がこちらに表示されます↓ *}-->
|
| 290 |
<div id="deliv_datetime_area" style="display:none;">
|
| 291 |
<div class="c-lp-section c-lp-section--full-width">
|
| 292 |
<div class="c-lp-section__title">お届け時間の指定</div>
|
| 293 |
<div id="deliv_time_area"></div>
|
| 294 |
</div>
|
| 295 |
</div>
|
| 296 |
<!--{* ↑お届け時間がこちらに表示されます↑ *}-->
|
| 297 |
</div>
|
| 298 |
<div class="p-lp__confirm">
|
| 299 |
<div class="js-confirm-loading confirm-loading" style="display:none;"><span class="c-loading"></span></div>
|
| 300 |
<div class="c-lp-section c-lp-section--full-width js-confirm-section" style="display:none;">
|
| 301 |
<div class="c-lp-section__title">ご注文内容のご確認</div>
|
| 302 |
|
| 303 |
<div id="js-confirm-point-attention" class="c-error-message-section">
|
| 304 |
ご使用のクーポンとポイントは併用できないため、ポイント使用なしとして受け付けます<br>
|
| 305 |
（ポイントは使用されません）<br>
|
| 306 |
ポイントを使用したい場合、クーポンを解除してください
|
| 307 |
</div>
|
| 308 |
|
| 309 |
<!--商品一覧 表示領域-->
|
| 310 |
<div class="confirm-products">
|
| 311 |
<ul id="js-confirm-products"></ul>
|
| 312 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 313 |
</div>
|
| 314 |
<!--商品一覧 テンプレート-->
|
| 315 |
<ul id="tmp-confirm-products" style="display:none;">
|
| 316 |
<li>
|
| 317 |
{{product_name}}
|
| 318 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 319 |
<span class="class-category">{{class}}</span><br>
|
| 320 |
商品単価：{{price}}円
|
| 321 |
数量：{{quantity}}
|
| 322 |
</li>
|
| 323 |
</ul>
|
| 324 |
|
| 325 |
<div class="c-lp-section__title">直前のご注文内容のご確認</div>
|
| 326 |
|
| 327 |
<!--{* 商品一覧 表示領域 ※クロスセル用 *}-->
|
| 328 |
<div class="confirm-products js-confirm-products-closssell-block">
|
| 329 |
<ul class="js-confirm-products-closssell"></ul>
|
| 330 |
<small class="c-highlight">※が表示されている商品は軽減税率対象です。</small>
|
| 331 |
</div>
|
| 332 |
<!--商品一覧 テンプレート-->
|
| 333 |
<div style="display:none;">
|
| 334 |
<ul id="tmp-confirm-products-closssell">
|
| 335 |
<li>
|
| 336 |
<span class="c-status-label c-status-label--gray ">{{order_type}}</span>
|
| 337 |
{{product_name}}
|
| 338 |
<span class="c-highlight">{{is_reduced_tax_flg}}</span>
|
| 339 |
<span class="class-category">{{class}}</span><br>
|
| 340 |
商品単価：{{price}}円
|
| 341 |
数量：{{quantity}}
|
| 342 |
</li>
|
| 343 |
</ul>
|
| 344 |
</div>
|
| 345 |
|
| 346 |
<!--タイムセール期限 表示領域-->
|
| 347 |
<div id="js-confirm-timesale-area" class="confirm-timesale c-table" style="display:none">
|
| 348 |
<div class="c-table">
|
| 349 |
<table>
|
| 350 |
<tr>
|
| 351 |
<th colspan="2">タイムセール期限</th>
|
| 352 |
<tbody id="js-confirm-timesale"></tbody>
|
| 353 |
</tr>
|
| 354 |
</table>
|
| 355 |
</div>
|
| 356 |
</div>
|
| 357 |
<!--タイムセール期限 テンプレート-->
|
| 358 |
<table style="display:none">
|
| 359 |
<tbody id="tmp-confirm-timesale">
|
| 360 |
<tr>
|
| 361 |
<td>{{product_name}}</td>
|
| 362 |
<td>{{timesales_end_date}}</td>
|
| 363 |
</tr>
|
| 364 |
</tbody>
|
| 365 |
</table>
|
| 366 |
|
| 367 |
<!--商品合計・手数料・消費税・送料領域-->
|
| 368 |
<div class="confirm-payment">
|
| 369 |
<!--商品合計・手数料・送料 表示領域-->
|
| 370 |
<div id="js-confirm-payment"></div>
|
| 371 |
<!--税額 表示領域-->
|
| 372 |
<ul id="js-confirm-taxes" class="confirm-taxes"></ul>
|
| 373 |
</div>
|
| 374 |
|
| 375 |
<!--商品合計・手数料・送料 テンプレート-->
|
| 376 |
<div id="tmp-confirm-payment" style="display:none;">
|
| 377 |
<table>
|
| 378 |
<tr>
|
| 379 |
<th>商品(税込)</th>
|
| 380 |
<td>{{subtotal}}円</td>
|
| 381 |
</tr>
|
| 382 |
<tr class="js-confirm-discount">
|
| 383 |
<th>クーポン値引き金額</th>
|
| 384 |
<td>-{{coupon_discount}}円</td>
|
| 385 |
</tr>
|
| 386 |
<tr class="js-confirm-use-point">
|
| 387 |
<th>ポイント値引き金額</th>
|
| 388 |
<td>-{{use_point}}円</td>
|
| 389 |
</tr>
|
| 390 |
<tr>
|
| 391 |
<th>送料(税込)</th>
|
| 392 |
<td>{{deliv_fee}}円</td>
|
| 393 |
</tr>
|
| 394 |
<tr>
|
| 395 |
<th>手数料(税込)</th>
|
| 396 |
<td>{{charge}}円</td>
|
| 397 |
</tr>
|
| 398 |
<tr class="js-confirm-relay-fee">
|
| 399 |
<th>離島手数料(税込)</th>
|
| 400 |
<td>{{relay_fee}}円</td>
|
| 401 |
</tr>
|
| 402 |
<tbody class="js-sending-data"></tbody>
|
| 403 |
<tr class="confirm-payment__total">
|
| 404 |
<th class="js-confirm-total-payment-price-label">合計</th>
|
| 405 |
<td class="c-highlight c-highlight--green">{{payment_total}}円</td>
|
| 406 |
</tr>
|
| 407 |
<tr class="js-confirm-add-point">
|
| 408 |
<th>加算ポイント</th>
|
| 409 |
<td>{{add_point}}ポイント</td>
|
| 410 |
</tr>
|
| 411 |
</table>
|
| 412 |
</div>
|
| 413 |
<!--税額 テンプレート-->
|
| 414 |
<ul id="tmp-taxes" style="display:none;">
|
| 415 |
<li>{{tax_rate}}%対象商品小計:{{subtotal}}円、消費税:{{tax}}円</li>
|
| 416 |
</ul>
|
| 417 |
|
| 418 |
<!--発送元特別送料 テンプレート-->
|
| 419 |
<template id="tmp-sending-data">
|
| 420 |
<tr>
|
| 421 |
<th>{{service}}</th>
|
| 422 |
<td>{{cost}}</td>
|
| 423 |
</tr>
|
| 424 |
</template>
|
| 425 |
|
| 426 |
<!--購入者情報 表示領域-->
|
| 427 |
<div id="js-confirm-customer" class="confirm-customr"></div>
|
| 428 |
|
| 429 |
<!--購入者情報 テンプレート-->
|
| 430 |
<div id="tmp-confirm-customer" style="display:none;">
|
| 431 |
<div class="c-table c-table--column">
|
| 432 |
<table class="c-table__align-left">
|
| 433 |
<tr>
|
| 434 |
<th>
|
| 435 |
お名前
|
| 436 |
</th>
|
| 437 |
<td>{{join_name}}</td>
|
| 438 |
</tr>
|
| 439 |
<tr>
|
| 440 |
<th>
|
| 441 |
お届け先
|
| 442 |
</th>
|
| 443 |
<td>{{join_shipping}}</td>
|
| 444 |
</tr>
|
| 445 |
<tr>
|
| 446 |
<th>電話番号</th>
|
| 447 |
<td>{{deliv_tel}}</td>
|
| 448 |
</tr>
|
| 449 |
<tr class="js-confirm-deliver-date">
|
| 450 |
<th>
|
| 451 |
お届け指定日
|
| 452 |
</th>
|
| 453 |
<td>
|
| 454 |
{{delivery_date}}
|
| 455 |
<div class="js-confirm-deliver-date__default-date">(発送日の確定後にご連絡)</div>
|
| 456 |
<div class="js-confirm-deliver-date__estimated-date">({{estimated_shipping_date}})</div>
|
| 457 |
</td>
|
| 458 |
</tr>
|
| 459 |
<tr class="js-confirm-deliver-time">
|
| 460 |
<th>
|
| 461 |
お届け時間
|
| 462 |
</th>
|
| 463 |
<td>{{delivery_time}}</td>
|
| 464 |
</tr>
|
| 465 |
<tr class="js-confirm-deliver-cycle">
|
| 466 |
<th>
|
| 467 |
お届け指定間隔
|
| 468 |
</th>
|
| 469 |
<td>
|
| 470 |
{{delivery_cycle}}
|
| 471 |
<div class="js-confirm-regular-extra-interval">
|
| 472 |
<ul class="js-confirm-regular-extra-interval-list"></ul>
|
| 473 |
</div>
|
| 474 |
</td>
|
| 475 |
</tr>
|
| 476 |
<tr>
|
| 477 |
<th>
|
| 478 |
お支払い方法
|
| 479 |
</th>
|
| 480 |
<td>{{payment_method}}</td>
|
| 481 |
</tr>
|
| 482 |
<tr class="js-confirm-customer-payment-deadline">
|
| 483 |
<th>お支払い期限</th>
|
| 484 |
<td>{{payment_deadline}}</td>
|
| 485 |
</tr>
|
| 486 |
</table>
|
| 487 |
</div>
|
| 488 |
</div>
|
| 489 |
|
| 490 |
<!--変動サイクル テンプレート-->
|
| 491 |
<template id="tmp-confirm-regular-extra-interval">
|
| 492 |
<li>{{count_to}}回目<span class="js-forward" style="display:none">以降</span>：{{extra_interval}}日</li>
|
| 493 |
</template>
|
| 494 |
|
| 495 |
<div id="js-confirm-regular-area" class="confirm-regular">
|
| 496 |
<div class="confirm-regular__title">定期コースお申し込み内容</div>
|
| 497 |
<!--定期詳細一覧 表示領域-->
|
| 498 |
<div id="js-confirm-regular-detail" class="confirm-regular__detail"></div>
|
| 499 |
<!--送料・手数料 表示領域-->
|
| 500 |
<div id="js-confirm-regular-fee" class="confirm-regular__fee" style="display:none"></div>
|
| 501 |
|
| 502 |
<!--定期コース料金/送料・手数料合計 表示領域-->
|
| 503 |
<!--商品の合計と送料手数料の合計金額を表示します、表示する場合はコメントアウトを削除してください-->
|
| 504 |
<!--<div id="js-confirm-regular-total-add-fee" class="confirm-regular__fee_add_total" style="display:none"></div>-->
|
| 505 |
</div>
|
| 506 |
<!-- 返品・解約詳細リンク 表示領域-->
|
| 507 |
<div class="confirm-return">
|
| 508 |
<a class="c-link" href="/returning/index.php" target="_blank">返品・解約について</a>
|
| 509 |
</div>
|
| 510 |
|
| 511 |
<!--定期詳細一覧 テンプレート-->
|
| 512 |
<div id="tmp-confirm-regular-detail" style="display:none">
|
| 513 |
<div class="confirm-regular-detail">
|
| 514 |
<div class="confirm-regular-detail__name">{{product_name}}</div>
|
| 515 |
<ul class="js-confirm-regular-detail__list confirm-regular-detail__list"></ul>
|
| 516 |
<div class="js-confirm-regular-detail__total confirm-regular-detail__total"></div>
|
| 517 |
<div class="js-confirm-regular-import-matter confirm-regular-detail__important-matter"></div>
|
| 518 |
</div>
|
| 519 |
</div>
|
| 520 |
<!--定期詳細一覧（リスト詳細） テンプレート-->
|
| 521 |
<div id="tmp-confirm-regular-detail__row" style="display:none">
|
| 522 |
<li class="confirm-regular-detail__row">
|
| 523 |
<div class="detail-content">
|
| 524 |
<span class="detail-content__count">{{count}}回目</span>
|
| 525 |
<span>小計:{{subtotal}}円</span>
|
| 526 |
<span class="detail-content__quantity">数量：{{quantity}}</span>
|
| 527 |
</div>
|
| 528 |
{{product_name}}
|
| 529 |
</li>
|
| 530 |
</div>
|
| 531 |
<!--定期詳細一覧（合計） テンプレート-->
|
| 532 |
<div id="tmp-confirm-regular-detail__total" style="display:none">
|
| 533 |
<table class="total-table">
|
| 534 |
<tr>
|
| 535 |
<th>定期{{display_regular_repeat_count_max}}回総合計</th>
|
| 536 |
<td>{{total_amount_detail_total}}円</td>
|
| 537 |
</tr>
|
| 538 |
</table>
|
| 539 |
<div class="cycle-table c-table c-table--column">
|
| 540 |
<table>
|
| 541 |
<tr><th>お届けサイクル</th><td colspan="3">{{date_text}}にお届け予定</td></tr>
|
| 542 |
<tr><th>お届け回数</th><td colspan="3">{{display_regular_repeat_count}}</td></tr>
|
| 543 |
</table>
|
| 544 |
</div>
|
| 545 |
</div>
|
| 546 |
|
| 547 |
<!--送料・手数料 テンプレート-->
|
| 548 |
<div id="tmp-confirm-regular-fee" style="display:none;">
|
| 549 |
<div>定期コース送料・手数料一覧</div>
|
| 550 |
<div class="c-table">
|
| 551 |
<table>
|
| 552 |
<tr>
|
| 553 |
<th>回数</th>
|
| 554 |
<th>送料・手数料</th>
|
| 555 |
<th>合計</th>
|
| 556 |
</tr>
|
| 557 |
<tbody class="js-confirm-regular-fee__detail"></tbody>
|
| 558 |
</table>
|
| 559 |
</div>
|
| 560 |
</div>
|
| 561 |
<!--送料・手数料（リスト詳細） テンプレート-->
|
| 562 |
<table style="display:none;">
|
| 563 |
<tbody id="tmp-confirm-regular-fee__detail">
|
| 564 |
<tr>
|
| 565 |
<td>{{tmp_count}}回</td>
|
| 566 |
<td>手数料：{{charge}}円 / 送料：{{deliv_fee}}円</td>
|
| 567 |
<td>{{total}}円</td>
|
| 568 |
</tr>
|
| 569 |
</tbody>
|
| 570 |
</table>
|
| 571 |
|
| 572 |
<!--商品/送料・手数料 合計テーブル テンプレート-->
|
| 573 |
<div id="tmp-confirm-regular-total-add-fee" style="display:none;">
|
| 574 |
<div>定期コース料金/送料・手数料合計一覧</div>
|
| 575 |
<div class="c-table total-table">
|
| 576 |
<table>
|
| 577 |
<tr>
|
| 578 |
<th>回数</th>
|
| 579 |
<th>
|
| 580 |
商品<br>
|
| 581 |
送料/手数料<br>
|
| 582 |
合計
|
| 583 |
</th>
|
| 584 |
</tr>
|
| 585 |
<tbody class="js-confirm-regular-total-add-fee__detail"></tbody>
|
| 586 |
</table>
|
| 587 |
</div>
|
| 588 |
</div>
|
| 589 |
|
| 590 |
<!--商品/送料・手数料 合計テーブル 詳細テンプレート-->
|
| 591 |
<table style="display:none;">
|
| 592 |
<tbody id="tmp-confirm-regular-total-add-fee__detail">
|
| 593 |
<tr>
|
| 594 |
<td rowspan="3" class="c-table__align-center">{{tmp_count}}回</td>
|
| 595 |
<td>
|
| 596 |
<div class="js-confirm-regular-total-add-fee__detail-product products-container"></div>
|
| 597 |
</td>
|
| 598 |
</tr>
|
| 599 |
<tr>
|
| 600 |
<td class="c-table__align-right">
|
| 601 |
<div>手数料：{{charge}}円</div>
|
| 602 |
<div>送料：{{deliv_fee}}円</div>
|
| 603 |
</td>
|
| 604 |
</tr>
|
| 605 |
<tr><td class="c-table__align-right">合計：{{total}}円</td></tr>
|
| 606 |
</tbody>
|
| 607 |
</table>
|
| 608 |
|
| 609 |
<!--商品/送料・手数料 合計テーブル 商品名テンプレート-->
|
| 610 |
<div style="display:none;">
|
| 611 |
<div id="tmp-confirm-regular-total-add-fee__detail-product">
|
| 612 |
<div>
|
| 613 |
<div class="product-summary">
|
| 614 |
<div>
|
| 615 |
{{product_name}}
|
| 616 |
<span class="js-confirm-regular-total-add-fee__detail-product-category" style="display:none">
|
| 617 |
{{product_category}} × {{product_quantity}}
|
| 618 |
</span>
|
| 619 |
</div>
|
| 620 |
<div class="js-confirm-regular-total-add-fee__detail-product-detail"></div>
|
| 621 |
<div class="product-summary__price">{{product_subtotal}}円</div>
|
| 622 |
</div>
|
| 623 |
</div>
|
| 624 |
</div>
|
| 625 |
</div>
|
| 626 |
|
| 627 |
<!--商品/送料・手数料 合計テーブル 商品名(複数商品)テンプレート-->
|
| 628 |
<div style="display:none;">
|
| 629 |
<div id="tmp-confirm-regular-total-add-fee__detail-product-detail">
|
| 630 |
<div>└{{product_name}} {{product_category}} × {{product_quantity}}</div>
|
| 631 |
</div>
|
| 632 |
</div>
|
| 633 |
|
| 634 |
<!--商品/送料・手数料 合計 総額/総数 テンプレート-->
|
| 635 |
<div id="tmp-confirm-regular-total-add-fee__total" style="display:none">
|
| 636 |
<div class="c-table">
|
| 637 |
<table>
|
| 638 |
<tr>
|
| 639 |
<th>商品個数合計</th>
|
| 640 |
</tr>
|
| 641 |
<tr>
|
| 642 |
<td class="c-table__align-right">{{total_count}}個</td>
|
| 643 |
</tr>
|
| 644 |
<tr>
|
| 645 |
<th>
|
| 646 |
<!--商品が1つの場合書きspanはコメントアウトしてください-->
|
| 647 |
<span>商品 / 送料・手数料総額</span>
|
| 648 |
<div class="js-confirm-regular-total-add-fee__total-amount"></div>
|
| 649 |
</th>
|
| 650 |
</tr>
|
| 651 |
<tr>
|
| 652 |
<td class="c-table__align-right">{{total_amount}}円</td>
|
| 653 |
</tr>
|
| 654 |
</table>
|
| 655 |
</div>
|
| 656 |
</div>
|
| 657 |
|
| 658 |
<!--商品/送料・手数料 合計 総額/総数 総額ヘッダー テンプレート-->
|
| 659 |
<div id="tmp-confirm-regular-total-add-fee__total-amount" style="display:none">
|
| 660 |
<!--商品が複数ある場合使用-->
|
| 661 |
<div>└{{product_name}}:{{display_regular_repeat_count_max}}回</div>
|
| 662 |
<!--商品が1つの場合使用-->
|
| 663 |
<!--<div>商品 / 送料・手数料 {{display_regular_repeat_count_max}}回総額 </div>-->
|
| 664 |
</div>
|
| 665 |
</div>
|
| 666 |
</div>
|
| 667 |
<!--{* 切り取り挿入部分 *}-->
|
| 668 |
<input type="hidden" name="ajax_url" id="ajax_url" value="/shopping/lp_ajax.php">
|
| 669 |
<div id="alert_errors" class="c-error-message-section" style="display:none;">
|
| 670 |
<!--{if $arrErr}-->
|
| 671 |
<!--{foreach from=$arrErr key=key item=item}-->
|
| 672 |
<!--{$item}--><br>
|
| 673 |
<!--{/foreach}-->
|
| 674 |
<!--{/if}-->
|
| 675 |
</div>
|
| 676 |
|
| 677 |
<!--{* 【非表示】個人情報のお取り扱いについて *}-->
|
| 678 |
<div class="p-lp__consent" style="display:none;">
|
| 679 |
<div class="c-lp-section c-lp-section--full-width">
|
| 680 |
<div class="c-lp-section__title c-lp-section__title--center">個人情報のお取り扱いについて</div>
|
| 681 |
<ul class="privacy-check-list">
|
| 682 |
<!--{if $arrMailCompulsionView eq "ON"}-->
|
| 683 |
<!--{* 必要な場合はコメントアウトを外してください *}-->
|
| 684 |
<!--
|
| 685 |
<li>
|
| 686 |
<div class="c-checkbox">
|
| 687 |
<input type="checkbox" name="mailmaga_flg" id="mailmaga_flg" value="1">
|
| 688 |
<label for="mailmaga_flg">お得な情報を受け取る</label>
|
| 689 |
</div>
|
| 690 |
<input type="hidden" name="no_mailmaga_flg" value="0" id="no_mailmaga_flg" />
|
| 691 |
<span class="c-form-attention">希望しない場合はチェックを外してください。</span>
|
| 692 |
<p class="c-form-error-message"><!--{$arrErr.mailmaga_flg nofilter}--></p>
|
| 693 |
|
| 694 |
</li>
|
| 695 |
-->
|
| 696 |
<!--{/if}-->
|
| 697 |
<li>
|
| 698 |
<!--{assign var=key value="agree"}-->
|
| 699 |
<div class="privacy-check-list__group">
|
| 700 |
<div style="display:none;" id="rule_text_area">
|
| 701 |
<textarea class="c-textarea" readonly="readonly" rows="8"><!--{$tpl_kiyaku_text}--></textarea>
|
| 702 |
</div>
|
| 703 |
<p>ご購入前に<a class="c-link" id="rule_text_link">利用規約</a>を必ずお読み下さい。</p>
|
| 704 |
<div class="c-checkbox agree-check">
|
| 705 |
<!--{* checked にせずに 個人情報のお取り扱いを style="display:none;" とすると確認内容が表示されなくなるためご注意ください。*}-->
|
| 706 |
<input type="checkbox" name="<!--{$key}-->" value="1" id="<!--{$key}-->" checked/>
|
| 707 |
<label for="<!--{$key}-->">利用規約に同意する</label>
|
| 708 |
</div>
|
| 709 |
<p class="c-form-error-message"><!--{$arrErr[$key] nofilter}--></p>
|
| 710 |
<div id="error-<!--{$key}-->" class="validate-error-message"></div>
|
| 711 |
</div>
|
| 712 |
</li>
|
| 713 |
</ul>
|
| 714 |
</div>
|
| 715 |
</div>
|
| 716 |
<input type="hidden" id="lp_form_key" value="<!--{$arrGAOrder.lp_form_key}-->">
|
| 717 |
</form>
|
| 718 |
</div>
|
| 719 |
</div>
|
| 720 |
|
| 721 |
<!--{* オファーの受付終了後のブロックです。適宜編集してください。 *}-->
|
| 722 |
<div class="p-lp-ups ups_dialog" id="purchase_offer_reception_closed_block" style="display:none;">
|
| 723 |
有効期限を経過したため受付を終了いたしました。
|
| 724 |
</div>
|
| 725 |
|
| 726 |
<script src="/assets/js/lp.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 727 |
|
| 728 |
<script>
|
| 729 |
var EFO = {};
|
| 730 |
EFO.SITE_CONFIG = {};
|
| 731 |
</script>
|
| 732 |
<script src="/assets/efo/js/config.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 733 |
<script src="/assets/efo/js/config.sp.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 734 |
<script>
|
| 735 |
EFO.page.config = {
|
| 736 |
};
|
| 737 |
EFO.page.classes = {
|
| 738 |
}
|
| 739 |
EFO.page.validation = {
|
| 740 |
}
|
| 741 |
</script>
|
| 742 |
<script src="/assets/efo/js/efo.min.js?<!--{$smarty.const.FRONT_JS_VERSION}-->"></script>
|
| 743 |
|
| 744 |
<input type="hidden" class="js-purchase-offer-complete-countdown" value="<!--{$expiration_second|to_js_expr nofilter}-->">
|
| 745 |
|
| 746 |
<!--{* オファー個別js *}-->
|
| 747 |
<!--{$js}-->
|