2021/08/31更新
+ 追加した行
- 削除した行
商品検索条件の拡充
shared_partial > sidebar (shared_partial)
テーマ管理のファイルパス
ec_force/shop/shared/_sidebar.html.liquid
ec_force/shop/shared/_sidebar.html+smartphone.liquid
<label>商品名</label>
<input placeholder="商品名" type="search" name="q[name_cont]" id="q_name_cont">
+ <!-- フリーワード検索 -->
+ <label>フリーワード検索</label>
+ <input placeholder="商品情報" type="search" name="q[freeword]" id="q_freeword">
+
+ <!-- 販売価格 -->
+ <label>販売価格</label>
+ <input class="form-control input-sm"
+ placeholder="金額(下限)"
+ type="number"
+ name="q[sales_price_start]"
+ value={{ params["q"]["sales_price_start"] }}>
+ <span>~</span>
+ <input class="form-control input-sm"
+ placeholder="金額(上限)"
+ type="number"
+ name="q[sales_price_end]"
+ value={{ params["q"]["sales_price_end"] }}>
+
+ <!-- 在庫あり -->
+ <label>在庫あり</label>
+ <input type="checkbox" name="q[variants_stock_items]" {% if params["q"]["variants_stock_items"] == "on" %}checked{% endif %}>
+
+ <!-- レビューあり -->
+ <label>レビューあり</label>
+ <input type="checkbox" name="q[reviews]" {% if params["q"]["reviews"] == "on" %}checked{% endif %}>
+
+ <!-- ラベル -->
+ <label>ラベル</label>
+ {% for label in product_labels %}
+ <input type="checkbox" name="q[labels_id_in][]" id="q_labels_id_in_{{ label.id }}" class="product-label" value="{{ label.id }}">
+ <label for="q_labels_id_in_{{ label.id }}" class="mt10 mr10 p5"># {{ label.name }}</label>
+ {% endfor %}
+
<!-- 検索ボタン -->
<button name="button" type="submit">検索する</button>
</form>
商品カテゴリー管理に「表示/非表示」の設定を追加
商品詳細画面
テーマ管理のファイルパス
ec_force/shop/products/show.html.liquid
ec_force/shop/products/show.html+smartphone.liquid
<!-- カテゴリー(任意) -->
- {{ product.product_categories | map: 'name' | join: '' }}
+ {% assign _category = '' %}
+ {% for category in product.product_categories %}
+ {% if category.product_category_visibility %}
+ {% unless _category == '' %}
+ {% assign _category = _category | append: ', ' %}
+ {% endunless %}
+ {% assign _category = _category | append: category.name %}
+ {% endif %}
+ {% endfor %}
+ {{ _category }}
<!-- 説明(任意) -->
商品カテゴリー一覧画面
テーマ管理のファイルパス
ec_force/shop/product_categories/index.html.liquid
ec_force/shop/product_categories/index.html+smartphone.liquid
<!-- 商品カテゴリー一覧(全て任意) -->
{% for product_category in product_categories %}
+ {% if product_category.product_category_visibility %}
<!-- 商品カテゴリー画像(任意) -->
<a href="/shop/product_category/{{ product_category.slug }}">
{% if product_category.thumbnail.url %}
{% assign src = product_category.thumbnail.url %}
{% else %}
{% assign src = 'missing' | image_url %}
{% endif %}
<img src="{{ src }}">
</a>
<!-- 商品カテゴリー名(任意) -->
<a href="/shop/product_category/{{ product_category.slug }}">{{ product_category.name }}</a>
<!-- 親カテゴリー名(任意) -->
{% if product_category.parent %}
<a href="/shop/information_categories/{{ product_category.parent.slug }}">{{ product_category.parent.name }}</a>
{% endif %}
+ {% endif %}
{% endfor %}
shared_partial > sidebar (shared_partial)
テーマ管理のファイルパス
ec_force/shop/shared/_sidebar.html.liquid
ec_force/shop/shared/_sidebar.html+smartphone.liquid
<select name="q[products_product_categories_product_category_id_eq]" id="q_products_product_categories_product_category_id_eq">
<option value="">選択してください</option>
{% for category in product_categories %}
- <option value="{{ category.id }}">{{ category.name }}</option>
+ {% if category.product_category_visibility %}
+ <option value="{{ category.id }}">{{ category.name }}</option>
+ {% endif %}
{% endfor %}
</select>
パスワード保護画面(メンテナンスモード)用記述
メンテナンスモードで利用するテーマファイルの仕様を公開いたします。
※全て新規ファイルです。
- layout > パスワード保護(レイアウト)
- layouts/ec_force/password.html.liquid
- layouts/ec_force/password.html+smartphone.liquid
- password > パスワード保護画面
- ec_force/password/index.html.liquid
- ec_force/password/index.html+smartphone.liquid
- password > パスワード入力画面
- ec_force/password/new.html.liquid
- ec_force/password/new.html+smartphone.liquid
- password > パスワード保護画面ヘッダ(部分テンプレート)
- ec_force/password/sections/_header.html.liquid
- password > パスワード保護コンテンツ(部分テンプレート)
- ec_force/password/sections/_content.html.liquid
- password > パスワード保護画面フッタ(部分テンプレート)
- ec_force/password/sections/_footer.html.liquid
ecforce profile ご利用ショップ様向け更新
ecforce profile で取得したアンケート結果をマイページ上に表示するための記述です。
アンケート回答結果(部分テンプレート)
テーマ管理のファイルパス
ec_force/shop/customer/base/_one_d_color_answer_results.html.liquid
※新規ファイルです。
マイページ画面
テーマ管理のファイルパス
ec_force/shop/customer/base/show.html.liquid
ec_force/shop/customer/base/show.html+smartphone.liquid
<!-- LINE ID 連携ボタン(クラス) -->
<a class="line-token-set-btn" href="#">LINE ID 連携</a>
{% endif %}
+
+ <!-- アンケート回答結果 -->
+ {% if false %}
+ {% unless current_customer.one_d_color_answers == blank %}
+ {% include 'ec_force/shop/customer/base/one_d_color_answer_results.html' %}
+ {% endunless %}
+ {% endif %}
</div>
セット販売管理ご利用ショップ様向け更新
カート画面
テーマ管理のファイルパス
ec_force/shop/carts/show.html.liquid
ec_force/shop/carts/show.html+smartphone.liquid
<input name="_method" type="hidden" value="put">
<input name="variant_id" type="hidden" value="{{ order_item.variant_id }}">
- <select name="quantity">
- <!-- 購入個数制限を考慮 -->
- {% if order_item.variant.limit_quantity? %}
- {% assign min_quantity = order_item.variant.min_quantity %}
- {% assign max_quantity = order_item.variant.max_quantity %}
- {% else %}
- {% assign min_quantity = 1 %}
- {% assign max_quantity = 10 %}
- {% endif %}
-
- {% for q in (min_quantity..max_quantity) %}
- <option value='{{ q }}' {% if order_item.quantity == q %}selected{% endif %}>{{ q }} 個</option>
- {% endfor %}
- </select>
-
- <input type="submit" value="更新">
+ {% if order_item.set_item_quantity != 0 %}
+ <span> {{ order_item.quantity }}個 </span>
+ {% else %}
+ <select name="quantity">
+ <!-- 購入個数制限を考慮 -->
+ {% if order_item.variant.limit_quantity? %}
+ {% assign min_quantity = order_item.variant.min_quantity %}
+ {% assign max_quantity = order_item.variant.max_quantity %}
+ {% else %}
+ {% assign min_quantity = 1 %}
+ {% assign max_quantity = 10 %}
+ {% endif %}
+
+ {% for q in (min_quantity..max_quantity) %}
+ <option value='{{ q }}' {% if order_item.quantity == q %}selected{% endif %}>{{ q }} 個</option>
+ {% endfor %}
+ </select>
+
+ <input type="submit" value="更新">
+ {% endif %}
セット選択画面
テーマ管理のファイルパス
ec_force/shop/sets/show.html.liquid
ec_force/shop/sets/show.html+smartphone.liquid
<form>
<!-- 選択可能商品画像 -->
- {% assign src = 'missing' | image_url %}
- <img height='140' src='{{ src }}' alt=''>
+ {% if product.thumbnail.url %}
+ {% assign src = product.thumbnail.url %}
+ {% else %}
+ {% assign src = 'missing' | image_url %}
+ {% endif %}
+ <img src="{{ src }}" id="main-img">
<!-- 選択可能商品名 -->
定期注文詳細画面 セット商品の編集
テーマ管理のファイルパス
ec_force/shop/customer/subs_orders/sets/edit.html.liquid
ec_force/shop/customer/subs_orders/sets/edit.html+smartphone.liquid
<form>
<!-- 選択可能商品画像 -->
- {% assign src = 'missing' | image_url %}
- <img height='140' src='{{ src }}' alt=''>
+ {% if product.thumbnail.url %}
+ {% assign src = product.thumbnail.url %}
+ {% else %}
+ {% assign src = 'missing' | image_url %}
+ {% endif %}
+ <img src="{{ src }}" id="main-img">
<!-- 選択可能商品名 -->
{{ product.name }}
その他 (軽微な更新)
購入履歴詳細画面 基本情報
テーマ管理のファイルパス
ec_force/shop/customer/orders/show.html.liquid
ec_force/shop/customer/orders/show.html+smartphone.liquid
<!-- お届け時間(任意) -->
- {{ order.scheduled_delivery_time }}
+ {% if order.scheduled_delivery_time == blank %}
+ 指定なし
+ {% else %}
+ {{ order.scheduled_delivery_time }}
+ {% endif %}
定期注文詳細画面 商品の編集
テーマ管理のファイルパス
ec_force/shop/customer/subs_orders/order_items/edit.html+smartphone.liquid
ec_force/shop/customer/subs_orders/order_items/edit.html.liquid
{{ variant.product.name }}({{ variant.option_values_presentation }})
{% endcapture %}
{% endif %}
- <option value="{{ variant.id }}">{{ product_options }}</option>
+ <option value="{{ variant.id }}" {% if order_item.variant.id == variant.id %}selected{% endif %}>{{ product_options }}</option>
{% endfor %}
</select>
shared_partial > nav (shared_partial)
テーマ管理のファイルパス
ec_force/shared/_nav.html.liquid
ec_force/shared/_nav.html+smartphone.liquid
<!-- カート画面へのリンク -->
-<a href="/shop/cart">カートを見る {% if current_order %}{{ current_order.quantity }}{% else %}{{ order.quantity }}{% endif %} 点</a>
+{% if @order.completed? %}
+ <a href="/shop/cart">カートを見る 0 点</a>
+{% else %}
+ <a href="/shop/cart">カートを見る {% if current_order %}{{ current_order.quantity }}{% else %}{{ order.quantity }}{% endif %} 点</a>
+{% endif %}