テーマ仕様書 更新履歴
2024年
2024/01/23更新

2024/01/23更新

今回の更新はすべて改善の更新です。既存テーマへの更新適用は任意です。

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

マイページ内 クレジットカード登録導線の改善

mypage > クレジットカード情報一覧/登録画面

ec_force/shop/customer/cards/index.html.liquid
ec_force/shop/customer/cards/index.html+smartphone.liquid

     <!-- 定期支払い方法が変更できる設定の場合もしくはクレジットカードの変更が許可されていない場合 -->
     {% if base_info.payment_method_changeable_on_mypage? or !base_info.credit_card_editable? %}
-      ※定期受注への反映は
+      ※定期受注のクレジットカード変更は
       <a href="/shop/customer/subs_orders">こちら</a>
     {% endif %}

mypage > 購入履歴詳細画面 基本情報

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

        <!-- クレジットカード選択 -->
        <div id="credit-card">
          <label for="order_payment_attributes_source_id">クレジットカード</label>
          <select class="validate[required]" name="order[payment_attributes][source_id]" id="order_payment_attributes_source_id">
            <option value="">--</option>
            {% for card in credit_cards %}
              <option value="{{ card.id }}" {% if selected_credit_card.id == card.id %}selected{% endif %}>{{ card.display_number_with_default }}</option>
            {% endfor %} %}
           </select>
           <input value="EcForce::CreditCard" type="hidden" name="order[payment_attributes][source_type]" id="order_payment_attributes_source_type">
+          {% if base_info.credit_card_editable? %}
+            <a href="/shop/customer/cards">クレジット新規登録はこちら</a>
+          {% endif %}
         </div>
 
         <!-- 分割回数 -->

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

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

          <!-- クレジットカード選択 -->
          <div id="credit-card">
            <label for="subs_order_payment_attributes_source_id">クレジットカード</label>
            <select class="validate[required]" name="subs_order[payment_attributes][source_id]" id="subs_order_payment_attributes_source_id">
              <option value="">--</option>
              {% for card in credit_cards %}
                <option value="{{ card.id }}" {% if selected_credit_card.id == card.id %}selected{% endif %}>{{ card.display_number_with_default }}</option>
              {% endfor %}
             </select>
             <input value="EcForce::CreditCard" type="hidden" name="subs_order[payment_attributes][source_type]" id="subs_order_payment_attributes_source_type">
+            {% if base_info.credit_card_editable? %}
+              <a href="/shop/customer/cards">クレジット新規登録はこちら</a>
+            {% endif %}
           </div>
 
           <!-- 分割回数 -->

商品のフリーワード検索結果が0件のときにおすすめ商品を表示する

product > キーワード検索結果商品一覧画面

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

   {{ 'product_reviews_average_score desc' | ransack_sort_link: 'レビュー評価順' }}
   {{ 'product_sale_summaries_total_sale desc' | ransack_sort_link: '人気順' }}
 </select> 
+
+{% if products_all.size == 0 %}
+  条件に該当する商品はありませんでした。
+  {% if recommend_products.size > 0 %}
+    おすすめ商品
+  {% endif %}
+{% endif %}
 
 <div id="add_product_async_view">
   <!-- カートに商品を追加用のメッセージ(任意) -->
   <div id="cart-addition-success" style="display:none;">カートに商品を追加しました。</div>
   <div id="cart-addition-failure" style="display:none;">
     <div id="addition-failure-message"></div>
     <div id="btn-show-addition-failure-details" style="display:none;">さらに詳しく</div>
     <div id="addition-failure-details" style="display:none;"></div>
     <div id="btn-hide-addition-failure-details" style="display:none;">閉じる</div>
   </div>
 
   <!-- 商品一覧 -->
-  {% for product in products %}
+  {% if products_all.size > 0 %}
+    {% assign display_products = products %}
+  {% else %}
+    {% assign display_products = recommend_products %}
+  {% endif %}
+  {% for product in display_products %}
 
     <!-- 商品画像(任意) -->
     <a href="/shop/products/{{ product.master.sku }}">

※ 2024/02/20 更新で一部修正が入っています。

   <!-- ページネーション -->
 <!-- 「ショップ管理 > 各種設定 > ショップの機能設定」にある「キーワード検索後の商品一覧画面の1ページあたりの表示件数」で設定している表示件数と同じ数字を入力してください -->
-{% paginate products_all by 10 %}
-   
-  <!-- 件数表示(任意) -->
-  {% if paginate.items == 0 %}
-    0 件表示中です
-  {% else %}
-    {{ paginate.items }} 件中
-    {% assign per_page = paginate.page_size | times: paginate.current_page %}
-    {{ per_page | minus: paginate.page_size | plus: 1 }} - {% if paginate.items < per_page %}{{ paginate.items }}{% else %}{{ per_page }}{% endif %} 件を表示しています
-  {% endif %}
+{% if paginate.items > 0 %}
+  {% paginate products_all by 10 %}
  
-  <!-- ページネーションリンク -->
-  {% if paginate.previous %}
-    <a href="{{ paginate.previous.url }}">前へ</a>
-  {% endif %}
-  {% for page in paginate.parts %}
-    {% if paginate.current_page == page.title %}
-      <a>{{ page.title }}</a>
-    {% elsif page.is_link %}
-      <a href="{{ page.url }}">{{ page.title }}</a>
+    <!-- 件数表示(任意) -->
+    {% if paginate.items == 0 %}
+      0 件表示中です
     {% else %}
-      <a>{{ page.title }}</a>
+      {{ paginate.items }} 件中
+      {% assign per_page = paginate.page_size | times: paginate.current_page %}
+      {{ per_page | minus: paginate.page_size | plus: 1 }} - {% if paginate.items < per_page %}{{ paginate.items }}{% else %}{{ per_page }}{% endif %} 件を表示しています
+    {% endif %}
+
+    <!-- ページネーションリンク -->
+    {% if paginate.previous %}
+      <a href="{{ paginate.previous.url }}">前へ</a>
+    {% endif %}
+    {% for page in paginate.parts %}
+      {% if paginate.current_page == page.title %}
+        <a>{{ page.title }}</a>
+      {% elsif page.is_link %}
+        <a href="{{ page.url }}">{{ page.title }}</a>
+      {% else %}
+        <a>{{ page.title }}</a>
+      {% endif %}
+    {% endfor %}
+    {% if paginate.next %}
+      <a href="{{ paginate.next.url }}">次へ</a>
     {% endif %}
-  {% endfor %}
-  {% if paginate.next %}
-    <a href="{{ paginate.next.url }}">次へ</a>
-  {% endif %}
  
-{% endpaginate %}
+  {% endpaginate %}
+{% endif %}

軽微な修正

mypage > 会員情報変更画面

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

     <!-- 送信ボタン -->
     <input type="submit" name="commit" value="保存" data-disable-with="保存中...">
 
     <!-- 退会ボタン -->
     {% if base_info.customer_cancelable? %}
-      <a data-confirm="本当に退会しますか?" rel="nofollow" data-method="delete" href="/shop/customer">退会</a>
+      <a data-confirm="一度退会すると、アカウントは復元できなくなり、同じ定期受注は再開できなくなります。本当に退会しますか?" rel="nofollow" data-method="delete" href="/shop/customer">退会</a>
     {% endif %}