テーマ仕様書 更新履歴
2022年
2022/07/12更新

2022/07/12更新

+ 追加した行
- 削除した行

商品検索結果の並び替え

product > 商品一覧画面

テーマ管理のファイルパス
ec_force/shop/products/index.html.liquid
ec_force/shop/products/index.html+smartphone.liquid

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

テーマ管理のファイルパス
ec_force/shop/searches/show.html.liquid
ec_force/shop/searches/show.html+smartphone.liquid

 {% endpaginate %}
 件該当しました
 
+<!-- ソート機能(任意) -->
+<select id="select_sort">
+  {{ 'position asc' | ransack_sort_link: 'おすすめ順' }}
+  {{ 'master_sales_price desc' | ransack_sort_link: '価格の高い順' }}
+  {{ 'master_sales_price asc' | ransack_sort_link: '価格の安い順' }}
+</select>
 
 <!-- 商品一覧 -->

product > 商品カテゴリー詳細画面

テーマ管理のファイルパス
ec_force/shop/product_categories/show.html.liquid
ec_force/shop/product_categories/show.html+smartphone.liquid

 <!-- 商品カテゴリーサムネイル(任意) -->
 <img src="{{ product_category.thumbnail.url }}">
 
+<!-- ソート機能(任意) -->
+<select id="select_sort">
+  {{ 'position asc' | ransack_sort_link: 'おすすめ順' }}
+  {{ 'master_sales_price desc' | ransack_sort_link: '価格の高い順' }}
+  {{ 'master_sales_price asc' | ransack_sort_link: '価格の安い順' }}
+</select>
 
 <!-- カテゴリー商品一覧 -->

商品ラベルの表示

「設定 > ラベル管理 > 商品ラベル管理 (opens in a new tab)」で設定した ラベルのID・名称・色・検索表示設定を取得できます。

product > 商品詳細画面

テーマ管理のファイルパス
ec_force/shop/products/show.html.liquid
ec_force/shop/products/show.html+smartphone.liquid

product > 商品一覧画面

テーマ管理のファイルパス
ec_force/shop/products/index.html.liquid
ec_force/shop/products/index.html+smartphone.liquid

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

テーマ管理のファイルパス
ec_force/shop/searches/show.html.liquid
ec_force/shop/searches/show.html+smartphone.liquid

product > 商品カテゴリー詳細画面

テーマ管理のファイルパス
ec_force/shop/product_categories/show.html.liquid
ec_force/shop/product_categories/show.html+smartphone.liquid

新規追加(追加場所は該当ページの説明を参照ください)

<!-- 商品ラベル(検索表示設定を反映する) (任意)-->
{% for label in product.labels %}
  {% if label.search_form_visibility %}
    <!-- ラベルID (任意)-->
    {{ label.id }}
    <!-- ラベルの名前(任意)-->
    {{ label.name }} 
    <!-- ラベルの色(任意) -->
    {{ label.color }}
  {% endif %}
{% endfor %}
 
 
<!-- 商品ラベル(検索表示設定を反映しない) (任意)-->
{% for label in product.labels %}
    <!-- ラベルID (任意)-->
    {{ label.id }}
    <!-- ラベルの名前(任意)-->
    {{ label.name }} 
    <!-- ラベルの色(任意) -->
    {{ label.color }}
{% endfor %}

軽微な修正

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

テーマ管理のファイルパス
ec_force/shop/customer/subs_orders/edit.html.liquid
ec_force/shop/customer/subs_orders/edit.html+smartphone.liquid

       <form action="/shop/customer/subs_orders/{{ subs_order.number }}" accept-charset="UTF-8" method="post">
         <input type="hidden" name="_method" value="put">
+        <input type='hidden' id='option_scheduled_to_be_delivered_at' value={{option_scheduled_to_be_delivered_at}}>
+        <input type='hidden' id='current_scheduled_to_be_delivered_at' value={{subs_order.scheduled_to_be_delivered_at}}>
 
         <!-- 次回配送予定日の選択 -->
         <label for="subs_order_scheduled_to_be_delivered_at">次回配送予定日</label>
         <select class='validate[required]' id='subs_order_scheduled_to_be_delivered_at' name="subs_order[scheduled_to_be_delivered_at]">
           {% assign a = subs_order.scheduled_to_be_delivered_at | date: "%Y-%m-%d" %}
+          <option value={{ a }} selected>{{ a }}(現在の次回配送予定日)</option>
           {% for d in option_scheduled_to_be_delivered_at %}
             {% assign b = d | date: "%Y-%m-%d" %}
-            <option value={{ d }} {% if a == b %}selected{% endif %}>{{ d }}</option>
+            {% unless a == b %}
+              <option value={{ d }}>{{ d }}</option>
+            {% endunless %}
           {% endfor %}
         </select>

mypage > 定期注文詳細画面 商品の編集

テーマ管理のファイルパス
ec_force/shop/customer/subs_orders/order_items/edit.html.liquid
ec_force/shop/customer/subs_orders/order_items/edit.html+smartphone.liquid

-  <!-- 定期商品の変更許可 & 変更可能商品があるか -->
-  {% if base_info.variant_changeable_on_mypage? and changeable_variants.size > 0 and order_item.point_exchange_reserved? == false %}
+  <!-- 定期商品の変更許可 & ポイント商品交換予約ではないこと & 変更可能商品があるか -->
+  {% if base_info.variant_changeable_on_mypage? and order_item.point_exchange_reserved? == false and is_exist_changeable %}
 
     <!-- 商品情報変更フォーム -->
     <form action="/shop/customer/subs_orders/{{ subs_order.number }}/order_items/{{ order_item.id }}" accept-charset="UTF-8" method="post">
       <!-- 変更後の商品 -->
       <label for="order_item_variant_id">変更後の商品</label>
-      <select name="order_item[variant_id]" id="order_item_variant_id">
-        {% for variant in changeable_variants %}
-          {% if variant.option_values_presentation == blank %}
+      {% if base_info.variant_unit_option_type? %}
+        <select name="variant_sku" id="variant_sku">
+          {% for product in changeable_products %}
             {% capture product_options %}
-              {{ variant.product.name }}
+              {{ product.name }}
             {% endcapture %}
-          {% else %}
-            {% capture product_options %}
-              {{ variant.product.name }}({{ variant.option_values_presentation }})
-            {% endcapture %}
-          {% endif %}
-          <option value="{{ variant.id }}" {% if order_item.variant.id == variant.id %}selected{% endif %}>{{ product_options }}</option>
-        {% endfor %}
-      </select>
+            <option value="{{ product.master.sku }}">{{ product_options }}</option>
+          {% endfor %}
+        </select>
+        <input type="hidden" name="order_item[variant_id]" id="order_item_variant_id" value="{{ changeable_products.first.master.id }}">
+      {% else %}
+        <select name="order_item[variant_id]" id="order_item_variant_id">
+          {% for variant in changeable_variants %}
+            {% if variant.option_values_presentation == blank %}
+              {% capture product_options %}
+                {{ variant.product.name }}
+              {% endcapture %}
+            {% else %}
+              {% capture product_options %}
+                {{ variant.product.name }}({{ variant.option_values_presentation }})
+              {% endcapture %}
+            {% endif %}
+            <option value="{{ variant.id }}">{{ product_options }}</option>
+          {% endfor %}
+        </select>
+      {% endif %}
+
+      <!-- 規格 -->
+      <div id="option_types"></div>
 
       <!-- 個数 -->
       <label for="order_item_quantity">個数</label>