テーマ仕様書 更新履歴
2022年
2022/09/20更新

2022/09/20更新

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

性別管理機能対応

性別管理画面 (opens in a new tab) で追加・編集した性別を各画面に反映させるためには以下テーマファイルの更新が必要です。

cart > 請求先住所(部分テンプレート)

ec_force/shop/orders/_view_billing_information.html.liquid
ec_force/shop/orders/_view_billing_information.html+smartphone.liquid

auth > 会員登録画面

ec_force/shop/customers/registrations/new.html.liquid
ec_force/shop/customers/registrations/new.html+smartphone.liquid

auth > 会員ログイン/会員登録画面

ec_force/shop/customers/sessions/new.html.liquid
ec_force/shop/customers/sessions/new.html+smartphone.liquid

mypage > 会員情報変更画面

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

以上全て更新内容は同じです。

         <label for="customer_sex_id">性別</label>
         <select name="customer[sex_id]" id="customer_sex_id">
           <option value="">選択してください</option>
-          <option value="1" {% if current_customer.sex.id == 1 %}selected{% endif %}>男性</option>
-          <option value="2" {% if current_customer.sex.id == 2 %}selected{% endif %}>女性</option>
+          {% for sex in sexes %}
+            <option value='{{ sex.id }}' {% if current_customer.sex.id == sex.id %}selected{% endif %}>{{ sex.name }}</option>
+          {% endfor %}
         </select>

顧客所持ポイント表示に関する修正

特定条件で顧客の所持ポイントが正常に表示されない場合がある不具合の修正です。

cart > ポイント(部分テンプレート)

ec_force/shop/orders/_view_point_redeem.html.liquid
ec_force/shop/orders/_view_point_redeem.html+smartphone.liquid

mypage > マイページ画面

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

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

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

mypage > 定期注文詳細画面 商品情報

ec_force/shop/customer/subs_orders/order_items/index.html.liquid
ec_force/shop/customer/subs_orders/order_items/index.html+smartphone.liquid

mypage > ポイント履歴一覧画面

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

以上全て更新内容は同じです。

-  {{ current_customer.point }}
+  {{ current_customer.point_total }}

セットグループ設定機能対応

セットグループ機能 (opens in a new tab)にテーマを対応させるためには以下のテーマファイル更新が必要です。

※セットグループ機能は、オプション機能であるセット販売管理をご利用のショップ様のみ利用可能です。

mypage > 定期注文詳細画面 商品情報

ec_force/shop/customer/subs_orders/order_items/index.html.liquid
ec_force/shop/customer/subs_orders/order_items/index.html+smartphone.liquid

   {% if base_info.variant_changeable_on_mypage? %}
     {% if order_item.distribution_club? and order_item.distribution_club.changeable_on_mypage %}
       <a href="/shop/customer/subs_orders/{{ subs_order.number }}/distribution_clubs/{{ order_item.distribution_club.id }}/edit">頒布会商品を編集する</a>
+    {% elsif order_item.set? %}
+      <a href="/shop/customer/subs_orders/{{ subs_order.number }}/sets/edit">セットの内容を編集する</a>
     {% elsif order_item.bundled_item? == false and order_item.set? == false and order_item.distribution_club? == false and order_item.quantity_without_distribution_items != 0 %}
       <a href="/shop/customer/subs_orders/{{ subs_order.number }}/order_items/{{ order_item.id }}/edit">編集</a>
     {% endif %}
   {% endif %}
 
-  <!-- セット商品編集リンク -->
-  {% if order_item.set? %}
-    <a href="/shop/customer/subs_orders/{{ subs_order.number }}/sets/edit">セットの内容を編集する</a>
-  {% endif %}
-
 {% endfor %}

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

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

   <!-- セット名 -->
   {{ set.name }}
 
-  <div>
-    <button class='btn btn-default btn-filter'>除外フィルター</button>
-  </div>
-    
-  <!-- カテゴリー絞り込み -->
-  <div>
-    <button class='btn btn-secondary btn-category'>すべて</button>
-    {% for category in set_product_categories %}
-      <button class='btn btn-secondary btn-category' value='{{ category.id }}'>{{ category.name }}</button>
-    {% endfor %}
-  </div>
-    
+  {% if set.set_group? %}
+    <!-- セットグループ -->
+    <div class='set_group_status'></div>
+  {% else %}
+    <div>
+      <button class='btn btn-default btn-filter'>除外フィルター</button>
+    </div>
+      
+    <!-- カテゴリー絞り込み -->
+    <div>
+      <button class='btn btn-secondary btn-category'>すべて</button>
+      {% for category in set_product_categories %}
+        <button class='btn btn-secondary btn-category' value='{{ category.id }}'>{{ category.name }}</button>
+      {% endfor %}
+    </div>
+  {% endif %}
 
   <!-- menu_listの中の要素をselect_menuに追加削除できます。 -->
   <div id='menu_list'>
 
     <!-- 選択可能商品表示 -->
     {% for product in set_products %}
+      <!-- 選択可能商品画像 -->
+      {% if product.thumbnail.url %}
+        {% assign src = product.thumbnail.url %}
+      {% else %}
+        {% assign src = 'missing' | image_url %}
+      {% endif %}
+
+      {% if set.set_group? %}
+        <!-- セットグループの場合、こちらが表示されます。 -->
+        <!-- product set_group_itemは必須classになります -->
+        <div class='product set_group_item'>
+          <form>
+
+            <!-- 選択可能商品画像 -->
+            <!-- set_group_item_imgは必須classになります -->
+            <img class='set_group_item_img' src="{{ src }}" id="main-img">
+
+            <!-- 選択可能商品名 -->
+            <!-- set_group_item_nameは必須classになります -->
+            <div class='set_group_item_name'>
+              {{ product.name }}
+            </div>
 
-      <!-- productは必須classになります -->
-      <div class='product' id='filter-product-id-{{ product.id }}'>
-        <form>
+            <!-- variant_idとproduct_idとset_group_item_variant_idとset_group_item_product_idは必須となります。 -->
+            <input class='variant-id set_group_item_variant_id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
+            <input class='product-id set_group_item_product_id' name='product_id' type='hidden' value='{{ product.id }}'>
 
-          <!-- 選択可能商品画像 -->
-          {% if product.thumbnail.url %}
-            {% assign src = product.thumbnail.url %}
-          {% else %}
-            {% assign src = 'missing' | image_url %}
-          {% endif %}
-          <img src="{{ src }}" id="main-img">
+            <!-- 規格選択 -->
+            <div id='option_types'>
+
+              <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
+              <div class='option_type option_template' style='display:none'>
+
+                <!-- 規格ラベル -->
+                <label for='option_types_select'></label>
+
+                <!-- 規格選択 -->
+                <select class='input_option_type validate[required]' id='option_types_select'>
+                  <option value=''>選択してください</option>
+                </select>
+
+              </div>
+            </div>
+
+            <!-- class:btn-addを基準にselect_menuに追加されます。-->
+            <button class='btn-add'>追加</button>
+            <!-- class:btn-cutを基準にselect_menuに追加されます。-->
+            <button class='btn-cut'>削除</button>
+          </form>
+        </div>
+      {% else %}
+        <!-- productは必須classになります -->
+        <div class='product' id='filter-product-id-{{ product.id }}'>
+          <form>
+
+            <!-- 選択可能商品画像 -->
+            <img src="{{ src }}" id="main-img">
 
-          <!-- 選択可能商品名 -->
-          {{ product.name }}
+            <!-- 選択可能商品名 -->
+            {{ product.name }}
 
-          <!-- variant_idとproduct_idは必須となります。 -->
-          <input class='variant-id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
-          <input class='product-id' name='product_id' type='hidden' value='{{ product.id }}'>
+            <!-- variant_idとproduct_idは必須となります。 -->
+            <input class='variant-id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
+            <input class='product-id' name='product_id' type='hidden' value='{{ product.id }}'>
 
-          <!-- 規格選択 -->
-          <div id='option_types'>
+            <!-- 規格選択 -->
+            <div id='option_types'>
 
-            <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
-            <div class='option_type option_template' style='display:none'>
+              <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
+              <div class='option_type option_template' style='display:none'>
 
-              <!-- 規格ラベル -->
-              <label for='option_types_select'></label>
+                <!-- 規格ラベル -->
+                <label for='option_types_select'></label>
 
-              <!-- 規格選択 -->
-              <select class='input_option_type validate[required]' id='option_types_select'>
-                <option value=''>選択してください</option>
-              </select>
+                <!-- 規格選択 -->
+                <select class='input_option_type validate[required]' id='option_types_select'>
+                  <option value=''>選択してください</option>
+                </select>
 
+              </div>
             </div>
-          </div>
 
-          <!-- class:btn-addを基準にselect_menuに追加されます。-->
-          <button class='btn-add'>追加</button>
-          <!-- class:btn-cutを基準にselect_menuに追加されます。-->
-          <button class='btn-cut'>削除</button>
-        </form>
-      </div>
+            <!-- class:btn-addを基準にselect_menuに追加されます。-->
+            <button class='btn-add'>追加</button>
+            <!-- class:btn-cutを基準にselect_menuに追加されます。-->
+            <button class='btn-cut'>削除</button>
+          </form>
+        </div>
+      {% endif %}
     {% endfor %}
+  </div>
 
-    {% if base_info.variant_changeable_on_mypage? and plan.recurring_set_product_changeable? %}
-      <div>
-        商品切替
-      </div>
-      <form id="form-change-set" action="/shop/customer/subs_orders/{{ subs_order.number }}/sets/edit" accept-charset="UTF-8" method="get">
-        {% if set.id == subs_order_set_id %}
-          <input type="radio" name="set_id" id="set_id_{{ subs_order_set_id }}" value="{{ subs_order_set_id }}" checked="checked">
-        {% else %}
-          <input type="radio" name="set_id" id="set_id_{{ subs_order_set_id }}" value="{{ subs_order_set_id }}">
-        {% endif %}
-        <label for="set_id_{{ subs_order_set_id }}">変更なし</label>
-        {% for product in products %}
-          {% if product.set.id != subs_order_set_id %}
-            {% if set.id == product.set.id %}
-              <input type="radio" name="set_id" id="set_id_{{ product.set.id }}" value="{{ product.set.id }}" checked="checked">
-            {% else %}
-              <input type="radio" name="set_id" id="set_id_{{ product.set.id }}" value="{{ product.set.id }}">
-            {% endif %}
-            <label for="set_id_{{ product.set.id }}">{{ product.name }}</label>
+  {% if base_info.variant_changeable_on_mypage? and plan.recurring_set_product_changeable? %}
+    <div>
+      商品切替
+    </div>
+    <form id="form-change-set" action="/shop/customer/subs_orders/{{ subs_order.number }}/sets/edit" accept-charset="UTF-8" method="get">
+      {% if set.id == subs_order_set_id %}
+        <input type="radio" name="set_id" id="set_id_{{ subs_order_set_id }}" value="{{ subs_order_set_id }}" checked="checked">
+      {% else %}
+        <input type="radio" name="set_id" id="set_id_{{ subs_order_set_id }}" value="{{ subs_order_set_id }}">
+      {% endif %}
+      <label for="set_id_{{ subs_order_set_id }}">変更なし</label>
+      {% for product in products %}
+        {% if product.set.id != subs_order_set_id %}
+          {% if set.id == product.set.id %}
+            <input type="radio" name="set_id" id="set_id_{{ product.set.id }}" value="{{ product.set.id }}" checked="checked">
+          {% else %}
+            <input type="radio" name="set_id" id="set_id_{{ product.set.id }}" value="{{ product.set.id }}">
           {% endif %}
-        {% endfor %}
-      </form>
-    {% endif %}
-
-    <!-- class:select_menuの中の要素に選択した商品を追加削除されます。-->
-    <div class='select_menu'>
-
-      <!-- class:set_statusに商品の個数/上限が更新されます。-->
-      <div class='set_status'>
-        {% if set.quantity > 0 %}
-          0/{{ set.quantity }}
-        {% else %}
-          {{ set.quantity_under_limit }}以上{{ set.quantity_upper_limit }}以下の個数を選んでください  0件
-        {% endif%}
-      </div>
-      <!-- class:select_clearの要素がクリックされたときにselect_menuに追加された商品が削除されます。-->
-      <div class='select_clear'>全て削除</div>
-
-      <!-- 選択商品表示 -->
-      <form id="form" action="/shop/customer/subs_orders/{{ subs_order.number }}/sets" accept-charset="UTF-8" method="post">
-        <input name="utf8" type="hidden" value="&#x2713;" />
-        <input type="hidden" name="_method" value="patch" />
-        <input id="selected-filter" type="hidden" name="selected_filter" value="" />
-        <div class='select_area'>
-
-          <!-- class:select_templateを基準に追加された商品が記載されます。-->
-          <div class='select_template' style='display:none'>
-            <div style='display:flex'>
-
-              <!-- 選択個数表示 -->
-              <ul>
-                <!-- class:addがクリックされると個数を1件増やします。-->
-                <li class='add'><p>+</p></li>
-                <!-- class:quantityに現在の個数を更新します。-->
-                <li class='quantity'><p>0</p></li>
-                <!-- class:cutがクリックされると個数を1件減らします。-->
-                <li class='cut'><p>-</p></li>
-              </ul>
-
-              <!-- 商品画像表示 -->
-              <ul>
-                <!-- class:thumbnailに商品画像が更新されます。-->
-                <img class='thumbnail' height='60' src='' alt=''>
-              </ul>
-
-              <!-- 商品名・規格表示 -->
-              <ul>
-                <!-- class:nameに商品名が更新されます。-->
-                <p class='name'>NoName</p>
-                <!-- class:option_valuesに規格が更新されます。-->
-                <p class='option_values'></p>
-              </ul>
+          <label for="set_id_{{ product.set.id }}">{{ product.name }}</label>
+        {% endif %}
+      {% endfor %}
+    </form>
+  {% endif %}
+
+  <!-- class:select_menuの中の要素に選択した商品を追加削除されます。-->
+  <div class='select_menu'>
+
+    <!-- class:set_statusに商品の個数/上限が更新されます。-->
+    <div class='set_status'>
+      {% if set.quantity > 0 %}
+        0/{{ set.quantity }}
+      {% else %}
+        {{ set.quantity_under_limit }}以上{{ set.quantity_upper_limit }}以下の個数を選んでください  0件
+      {% endif%}
+    </div>
+    <!-- class:select_clearの要素がクリックされたときにselect_menuに追加された商品が削除されます。-->
+    <div class='select_clear'>全て削除</div>
+
+    <!-- 選択商品表示 -->
+    <form id="form" action="/shop/customer/subs_orders/{{ subs_order.number }}/sets" accept-charset="UTF-8" method="post">
+      <input name="utf8" type="hidden" value="&#x2713;" />
+      <input type="hidden" name="_method" value="patch" />
+      <input id="selected-filter" type="hidden" name="selected_filter" value="" />
+      <div class='select_area'>
+
+        <!-- class:select_templateを基準に追加された商品が記載されます。-->
+        <div class='select_template' style='display:none'>
+          <div style='display:flex'>
+
+            <!-- 選択個数表示 -->
+            <ul>
+              <!-- class:addがクリックされると個数を1件増やします。-->
+              <li class='add'><p>+</p></li>
+              <!-- class:quantityに現在の個数を更新します。-->
+              <li class='quantity'><p>0</p></li>
+              <!-- class:cutがクリックされると個数を1件減らします。-->
+              <li class='cut'><p>-</p></li>
+            </ul>
+
+            <!-- 商品画像表示 -->
+            <ul>
+              <!-- class:thumbnailに商品画像が更新されます。-->
+              <img class='thumbnail' height='60' src='' alt=''>
+            </ul>
+
+            <!-- 商品名・規格表示 -->
+            <ul>
+              <!-- class:nameに商品名が更新されます。-->
+              <p class='name'>NoName</p>
+              <!-- class:option_valuesに規格が更新されます。-->
+              <p class='option_values'></p>
+            </ul>
 
-            </div>
           </div>
         </div>
+      </div>
 
-        <!-- 保存ボタン -->
-        <input type="hidden" name="variant_id" value="{{ variant.id }}">
-        <input type="hidden" name="variant_product_id" value="{{ variant.product_id }}">
-        <input id="save-btn" class='submit' data-disable-with='保存中...' type='submit' value='保存'>
-
-      </form>
-    </div>
+      <!-- 保存ボタン -->
+      <input type="hidden" name="variant_id" value="{{ variant.id }}">
+      <input type="hidden" name="variant_product_id" value="{{ variant.product_id }}">
+      <input id="save-btn" class='submit' data-disable-with='保存中...' type='submit' value='保存'>
+
+      {% if set.set_group? %}
+        <!-- セットグループ -->
+        <button id="set-group-next-btn" type="button" disabled>選択する</button>
+        <button id="set-group-before-btn" type="button" data-disable-with='選択中...'>前を選択し直す</button>
+      {% endif %}
+    </form>
   </div>
 </div>

set > セット選択画面

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

   <!-- セット名 -->
   {{ set.name }}
 
-  <div>
-    <button class='btn btn-default btn-filter'>除外フィルター</button>
-  </div>
-    
-  <!-- カテゴリー絞り込み -->
-  <div>
-    <button class='btn btn-secondary btn-category'>すべて</button>
-    {% for category in set_product_categories %}
-      <button class='btn btn-secondary btn-category' value='{{ category.id }}'>{{ category.name }}</button>
-    {% endfor %}
-  </div>
-    
+  {% if set.set_group? %}
+    <!-- セットグループ -->
+    <div class='set_group_status'></div>
+  {% else %}
+    <div>
+      <button class='btn btn-default btn-filter'>除外フィルター</button>
+    </div>
+    <!-- カテゴリー絞り込み -->
+    <div>
+      <button class='btn btn-secondary btn-category'>すべて</button>
+      {% for category in set_product_categories %}
+        <button class='btn btn-secondary btn-category' value='{{ category.id }}'>{{ category.name }}</button>
+      {% endfor %}
+    </div>
+  {% endif %}
 
   <!-- menu_listの中の要素をselect_menuに追加削除できます。 -->
   <div id='menu_list'>
 
     <!-- 選択可能商品表示 -->
     {% for product in set_products %}
+      <!-- 選択可能商品画像 -->
+      {% if product.thumbnail.url %}
+        {% assign src = product.thumbnail.url %}
+      {% else %}
+        {% assign src = 'missing' | image_url %}
+      {% endif %}
+
+      {% if set.set_group? %}
+        <!-- セットグループの場合、こちらが表示されます。 -->
+        <!-- product set_group_itemは必須classになります -->
+        <div class='product set_group_item'>
+          <form>
+
+            <!-- 選択可能商品画像 -->
+            <!-- set_group_item_imgは必須classになります -->
+            <img class='set_group_item_img' src="{{ src }}" id="main-img">
+
+            <!-- 選択可能商品名 -->
+            <!-- set_group_item_nameは必須classになります -->
+            <div class='set_group_item_name'>
+              {{ product.name }}
+            </div>
 
-    <!-- productは必須classになります -->
-    <div class='product' id='filter-product-id-{{ product.id }}'>
-      <form>
+            <!-- variant_idとproduct_idとset_group_item_variant_idとset_group_item_product_idは必須となります。 -->
+            <input class='variant-id set_group_item_variant_id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
+            <input class='product-id set_group_item_product_id' name='product_id' type='hidden' value='{{ product.id }}'>
 
-        <!-- 選択可能商品画像 -->
-        {% if product.thumbnail.url %}
-          {% assign src = product.thumbnail.url %}
-        {% else %}
-          {% assign src = 'missing' | image_url %}
-        {% endif %}
-        <img src="{{ src }}" id="main-img">
+            <!-- 規格選択 -->
+            <div id='option_types'>
 
-        <!-- 選択可能商品名 -->
-        {{ product.name }}
+              <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
+              <div class='option_type option_template' style='display:none'>
 
-        <!-- variant_idとproduct_idは必須となります。 -->
-        <input class='variant-id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
-        <input class='product-id' name='product_id' type='hidden' value='{{ product.id }}'>
+                <!-- 規格ラベル -->
+                <label for='option_types_select'></label>
 
-        <!-- 規格選択 -->
-        <div id='option_types'>
+                <!-- 規格選択 -->
+                <select class='input_option_type validate[required]' id='option_types_select'>
+                  <option value=''>選択してください</option>
+                </select>
 
-          <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
-          <div class='option_type option_template' style='display:none'>
+              </div>
+            </div>
+
+            <!-- class:btn-addを基準にselect_menuに追加されます。-->
+            <button class='btn-add'>追加</button>
+            <!-- class:btn-cutを基準にselect_menuに追加されます。-->
+            <button class='btn-cut'>削除</button>
+          </form>
+        </div>
+      {% else %}
+        <!-- productは必須classになります -->
+        <div class='product' id='filter-product-id-{{ product.id }}'>
+          <form>
 
-            <!-- 規格ラベル -->
-            <label for='option_types_select'></label>
+            <!-- 選択可能商品画像 -->
+            <img src="{{ src }}" id="main-img">
+
+            <!-- 選択可能商品名 -->
+            {{ product.name }}
+
+            <!-- variant_idとproduct_idは必須となります。 -->
+            <input class='variant-id' name='variant_id' type='hidden' value='{{ product.master.id }}'>
+            <input class='product-id' name='product_id' type='hidden' value='{{ product.id }}'>
 
             <!-- 規格選択 -->
-            <select class='input_option_type validate[required]' id='option_types_select'>
-              <option value=''>選択してください</option>
-            </select>
+            <div id='option_types'>
 
-          </div>
-        </div>
+              <!-- class:option_templateを基準にoptionsの下に規格が追加されます。 -->
+              <div class='option_type option_template' style='display:none'>
 
-        <!-- class:btn-addを基準にselect_menuに追加されます。-->
-        <button class='btn-add'>追加</button>
-        <!-- class:btn-cutを基準にselect_menuに追加されます。-->
-        <button class='btn-cut'>削除</button>
-      </form>
-    </div>
-  {% endfor %}
-
-    <!-- class:select_menuの中の要素に選択した商品を追加削除されます。-->
-    <div class='select_menu'>
-
-      <!-- class:set_statusに商品の個数/上限が更新されます。-->
-      <div class='set_status'>
-        {% if set.quantity > 0 %}
-          0/{{ set.quantity }}
-        {% else %}
-          {{ set.quantity_under_limit }}以上{{ set.quantity_upper_limit }}以下の個数を選んでください  0件
-        {% endif%}
-      </div>
-      <!-- class:select_clearの要素がクリックされたときにselect_menuに追加された商品が削除されます。-->
-      <div class='select_clear'>全て削除</div>
-
-      <!-- 選択商品表示 -->
-      <form id="form" action="/shop/sets/{{ set.id }}" accept-charset="UTF-8" method="post">
-        <input name="utf8" type="hidden" value="&#x2713;" />
-        <input type="hidden" name="_method" value="patch" />
-        <input id="selected-filter" type="hidden" name="selected_filter" value="" />
-        <div class='select_area'>
-
-          <!-- class:select_templateを基準に追加された商品が記載されます。-->
-          <div class='select_template' style='display:none'>
-            <div style='display:flex'>
-              <ul>
-                <!-- class:addがクリックされると個数を1件増やします。-->
-                <li class='add'><p>+</p></li>
-                <!-- class:quantityに現在の個数を更新します。-->
-                <li class='quantity'><p>0</p></li>
-                <!-- class:cutがクリックされると個数を1件減らします。-->
-                <li class='cut'><p>-</p></li>
-              </ul>
-              <ul>
-                <!-- class:thumbnailに商品画像が更新されます。-->
-                <img class='thumbnail' height='60' src='' alt=''>
-              </ul>
-              <ul>
-                <!-- class:nameに商品名が更新されます。-->
-                <p class='name'>NoName</p>
-                <!-- class:option_valuesに規格が更新されます。-->
-                <p class='option_values'></p>
-              </ul>
+                <!-- 規格ラベル -->
+                <label for='option_types_select'></label>
+
+                <!-- 規格選択 -->
+                <select class='input_option_type validate[required]' id='option_types_select'>
+                  <option value=''>選択してください</option>
+                </select>
+
+              </div>
             </div>
-          </div>
+
+            <!-- class:btn-addを基準にselect_menuに追加されます。-->
+            <button class='btn-add'>追加</button>
+            <!-- class:btn-cutを基準にselect_menuに追加されます。-->
+            <button class='btn-cut'>削除</button>
+          </form>
         </div>
+      {% endif %}
+    {% endfor %}
+  </div>
 
-        <!-- 保存ボタン -->
-        <input id="save-btn" class='submit' data-disable-with='保存中...' type='submit' value='保存' disabled>
+  <!-- class:select_menuの中の要素に選択した商品を追加削除されます。-->
+  <div class='select_menu'>
 
-      </form>
+    <!-- class:set_statusに商品の個数/上限が更新されます。-->
+    <div class='set_status'>
+      {% if set.quantity > 0 %}
+        0/{{ set.quantity }}
+      {% else %}
+        {{ set.quantity_under_limit }}以上{{ set.quantity_upper_limit }}以下の個数を選んでください  0件
+      {% endif%}
     </div>
+    <!-- class:select_clearの要素がクリックされたときにselect_menuに追加された商品が削除されます。-->
+    <div class='select_clear'>全て削除</div>
+
+    <!-- 選択商品表示 -->
+    <form id="form" action="/shop/sets/{{ set.id }}" accept-charset="UTF-8" method="post">
+      <input name="utf8" type="hidden" value="&#x2713;" />
+      <input type="hidden" name="_method" value="patch" />
+      <input id="selected-filter" type="hidden" name="selected_filter" value="" />
+      <div class='select_area'>
+
+        <!-- class:select_templateを基準に追加された商品が記載されます。-->
+        <div class='select_template' style='display:none'>
+          <div style='display:flex'>
+            <ul>
+              <!-- class:addがクリックされると個数を1件増やします。-->
+              <li class='add'><p>+</p></li>
+              <!-- class:quantityに現在の個数を更新します。-->
+              <li class='quantity'><p>0</p></li>
+              <!-- class:cutがクリックされると個数を1件減らします。-->
+              <li class='cut'><p>-</p></li>
+            </ul>
+            <ul>
+              <!-- class:thumbnailに商品画像が更新されます。-->
+              <img class='thumbnail' height='60' src='' alt=''>
+            </ul>
+            <ul>
+              <!-- class:nameに商品名が更新されます。-->
+              <p class='name'>NoName</p>
+              <!-- class:option_valuesに規格が更新されます。-->
+              <p class='option_values'></p>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- 保存ボタン -->
+      <input id="save-btn" class='submit' data-disable-with='保存中...' type='submit' value='保存' disabled>
+      {% if set.set_group? %}
+        <!-- セットグループ -->
+        <button id="set-group-next-btn" type="button" disabled>選択する</button>
+        <button id="set-group-before-btn" type="button" data-disable-with='選択中...'>前を選択し直す</button>
+      {% endif %}
+    </form>
   </div>
 </div>

軽微な修正

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

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

           {% if distribution_club.fixed_price? %}
             0円
           {% else %}
-            {{ order_item.recurring_next_current_price | number_to_currency: format: '%n %u' }}
+            {{ order_item.price | number_to_currency: format: '%n %u' }}
           {% endif %}