2025/02/19更新

+ 更新した行
- 削除した行

商品購入フォームの機能改善

注文確認画面に表示される注文完了ボタンの上部にテキストを表示する機能を実装しました。
商品の購入に関する各契約事項を表示する際などに利用できます。

表示文言は「設定 > 購入/フォーム > ショップフォーム設定 (opens in a new tab) 」の「注文完了ボタン上部に表示する文言」で設定します。

cart > 注文情報確認画面

ec_force/shop/orders/confirm.html.liquid
ec_force/shop/orders/confirm.html+smartphone.liquid

+  <!-- 注文完了ボタン上部に表示する文言 -->
+  {% if shop_form_settings['submit_over_text'] and shop_form_settings['submit_over_text'] != '' %}
+    {{ shop_form_settings['submit_over_text'] }}
+  {% endif %}
   
   <!-- 注文リンク -->
   <form action='/shop/order/confirm' method='post' accept-charset="UTF-8">

cart > サンクスオファー確認画面

ec_force/shop/orders/cv_confirm.html.liquid
ec_force/shop/orders/cv_confirm.html+smartphone.liquid

+  <!-- 注文完了ボタン上部に表示する文言 -->
+  {% if shop_form_settings['submit_over_text'] and shop_form_settings['submit_over_text'] != '' %}
+    {{ shop_form_settings['submit_over_text'] }}
+  {% endif %}
+
   <!-- 注文リンク -->
   <form action='/shop/order/cv_confirm' method='post' accept-charset="UTF-8">

軽微な修正

cart > 請求先住所（部分テンプレート）

ec_force/shop/orders/_view_billing_information.html.liquid
ec_force/shop/orders/_view_billing_information.html+smartphone.liquid

   <!-- メールアドレス -->
   {% if shop_form_settings['email'] %}
     <label>メールアドレス</label>
     {% if customer_signed_in %}
       <input disabled id='email' type='email' value='{{ current_customer.email }}' class='for_password_validate'>
       <input name='order[email]' type='hidden' value='{{ current_customer.email }}'>
       <input name='order[customer_attributes][email]' type='hidden' value='{{ current_customer.email }}'>
     {% else %}
-      <input type="email" name='order[email]' autocomplete="email" id='email' class='js-email-autocomplete validate[required,custom[email],ajax[emailCheck]] for_password_validate' value="{% if order.email %}{{ order.email }}{% elsif line_email %}{{ line_email }}{% endif %}">
+      <input type="email" name='order[email]' autocomplete="email" id='email' class='js-email-autocomplete validate[required,custom[email],ajax[emailCheckShop]] for_password_validate' value="{% if order.email %}{{ order.email }}{% elsif line_email %}{{ line_email }}{% endif %}">
       <input name='order[customer_attributes][email]' type='hidden' value='{{ order.email }}' id='customer_email'>
     {% endif %}
 
     <!-- メールアドレス（確認） -->
     <label>メールアドレス（確認）</label>
     {% if customer_signed_in %}
       <input disabled name='order[email_confirmation]' type='email' value='{{ current_customer.email }}'>
     {% else %}
-      <input class='js-email-autocomplete validate[required,custom[email],equals[email]],ajax[emailCheck]]' name='order[email_confirmation]' type='email' value="{% if order.email %}{{ order.email }}{% elsif line_email %}{{ line_email }}{% endif %}">
+      <input class='js-email-autocomplete validate[required,custom[email],equals[email],ajax[emailCheckShop]]' name='order[email_confirmation]' type='email' value="{% if order.email %}{{ order.email }}{% elsif line_email %}{{ line_email }}{% endif %}">
     {% endif %}
   {% endif %}

cart > 招待コード（部分テンプレート）

ec_force/shop/orders/_view_invite_code.html.liquid
ec_force/shop/orders/_view_invite_code.html+smartphone.liquid

本更新について

該当行が不要になりました。
該当行が残っていても現状では動作不具合はおきませんが、不要なコードのため適宜削除いただくことを推奨します。

   {% if customer_signed_in and current_customer.buy_times == 0 %}
     <label>招待コード</label>
       <input type="text" name="order[invite_code]" placeholder="例）390039ca82">
-      <input type="hidden" name="order[customer_attributes][invite_codes_invitee_attributes][invite_code_id]" value="">
       ※招待コードをお持ちのお客様はこちらにご入力下さい。
   {% endif %}