テーマ仕様書 更新履歴
2024年
2024/07/18更新

2024/07/18更新

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

セット商品購入時の遷移の改善

セット商品購入時のデフォルトの導線を以下に改善しました。

この改善で特別な記述なしで、カート画面で以下の動作が可能となりました。

  • 会員登録して購入・ゲスト購入・（既存会員の方は）ログインして購入 ができる。
  • カート画面で選択済みの商品を確認し、セット商品を再選択する画面へ戻ることができる。

2024年6月以前提供のテーマを編集しているショップ様は、今までの記述のままでも動作します。（動作は従来のままです）
上記の新しい動作をご希望の場合は、最新仕様の記述にアップデートを実施してください。

cart > カート画面

ec_force/shop/carts/show.html.liquid
ec_force/shop/carts/show.html+smartphone.liquid

       <!-- 単価 -->
       {{ order_item.price_with_campaign_discount | number_to_currency: format: '%n %u' }}
 
       <!-- 小計 -->
       {{ order_item.subtotal_with_campaign_discount | number_to_currency: format: '%n %u' }}
 
+      <!-- セット商品の再選択リンク -->
+      {% if order_item.set? %}
+        <a href="/shop/sets/{{ order_item.variant.product.set.id }}">セット商品を選び直す</a>
+      {% endif %}
     {% endfor %}
 
     <!-- カート内ギフト商品一覧 -->

set > セット選択画面

ec_force/shop/sets/show.html.liquid
ec_force/shop/sets/show.html+smartphone.liquid

     <!-- 選択商品表示 -->
     <form id="form" action="/shop/sets/{{ set.id }}" accept-charset="UTF-8" method="post">
       <input name="utf8" type="hidden" value="&#x2713;" />
       <input type="hidden" name="_method" value="patch" />
       <input id="selected-filter" type="hidden" name="selected_filter" value="" />
       {% if params['register_as_member'] == '1' %}
         <input type="hidden" name="redirect_to" value="/shop/order/new?register_as_member=1" />
+      {% elsif referer_shop_order == false %}
+        <input type="hidden" name="redirect_to" value="/shop/cart" />
       {% endif %}
       <div class='select_area'>

軽微な修正

cart > サンクスクロスセル（部分テンプレート）

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

               {% elsif cv_xsell_product.thumbnail != nil %}
                 {% assign thumbnail_url = cv_xsell_product.thumbnail.url %}
               {% endif %}
+
+              <!-- 商品のメイン画像URLを取得 -->
+              {% assign product_thumbnail_url = 'missing' | image_url %}
+              {% if cv_xsell_product.thumbnail %}
+                {% assign product_thumbnail_url = cv_xsell_product.thumbnail.url %}
+              {% endif %}
               <img class="cv_xsell_product_img" src="{{ thumbnail_url }}" data-product-id="{{ cv_xsell_product.id }}"></img>
               {{ cv_xsell_product.name | truncate: 35 }}
               <!-- 商品バッジ(任意) -->
                 <input type="hidden" name="variant-image" value="{{ thumbnail_urls }}">
                 <input type="hidden" name="main-thumbnail" value="{{ thumbnail_url }}">
+                <input type="hidden" name="product-thumbnail" value="{{ product_thumbnail_url }}">
                 <input type="hidden" name="tax" value="{{ cv_xsell_product.tax.now_value }}">

mypage > 定期注文詳細画面 基本情報の編集

ec_force/shop/customer/subs_orders/edit.html.liquid
ec_force/shop/customer/subs_orders/edit.html+smartphone.liquid

         <!-- ポイント有効期限確認 -->
         {% if subs_order.active_point_for_next_auth_order? %}
           <label>
             <input name="subs_order[all_point_redeem]" type="hidden" value="0" /><input type="checkbox" value="1" name="subs_order[all_point_redeem]" id="subs_order_all_point_redeem" {% if subs_order.all_point_redeem == true %}checked{% endif %}/>
             ポイントを全額消費する
           </label>
-          <input class="validate[required,custom[integer],min[0],maxPoint[{{ base_info.point_event_redeem.point_upper_limit }}]" type="text" value="{{ subs_order.point_redeem }}" name="subs_order[point_redeem]" id="subs_order_point_redeem" {% if subs_order.all_point_redeem == true %}disabled{% endif %} />
+          <input class="validate[required,custom[integer],min[0],max[{{ point_upper_limit }}]]" type="text" value="{{ subs_order.point_redeem }}" name="subs_order[point_redeem]" id="subs_order_point_redeem" {% if subs_order.all_point_redeem == true %}disabled{% endif %} />

今後のリリース予定機能の準備のため

mypage > スマレジ会員バーコード画面

ec_force/shop/customer/smaregi/show.html.liquid
ec_force/shop/customer/smaregi/show.html+smartphone.liquid

 <div id="customer-smaregi-view">
   {% if barcode_url != null and barcode_url.size > 0 %}
     <img src="{{ barcode_url }}">
   {% elsif smaregi_message != null and smaregi_message.size > 0 %}
     {{ smaregi_message }}
   {% endif %}
+  {% if customer.smaregi_customer_and_not_member? %}
+    <!-- 会員登録リンク -->
+    <a href="/shop/customer/registration_member">会員登録する</a>
+  {% endif %}
 </div>

mypage > 本会員登録画面

ec_force/shop/customer/base/show_registration_member.html.liquid
ec_force/shop/customer/base/show_registration_member.html+smartphone.liquid

※新規追加ファイルです。