テーマ仕様書 更新履歴
2021年
2021/08/31更新

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 %}