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>