Dawnテーマの商品ページで「バリエーションピッカー」でバリエーション画像を表示したいです。

ダダ
観光客
5 0 1

Dawnテーマを使用しています。

商品ページの「バリエーションピッカー」タイプはボタンに設定した状態で「バリエーション画像」を表示したいです。

商品管理の設定はオプションで「Color」「Size」を追加して「バリエーション」の「バリエーション画像」を「Color」毎に設定しています。

 

ダウンロード.png

 

テンプレートの「sections/main-product.liquid」内285行目に{{ variant.image.src }}にタグが入っていますが画像が表示されません。

 

 

{%- for option in product.options_with_values -%}
                      <fieldset class="js product-form__input">
                        <legend class="form__label">{{ option.name }}</legend>
                        {%- for value in option.values -%}
                          <input type="radio" id="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}"
                                name="{{ option.name }}"
                                value="{{ value | escape }}"
                                form="product-form-{{ section.id }}"
                                {% if option.selected_value == value %}checked{% endif %}
                          >
                          <label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}">
                            {{ variant.image.src }}
                            {{ value }}
                          </label>
                        {%- endfor -%}
                      </fieldset>
                  {%- endfor -%}

 

 

「Color」「Size」で設定したテキストは {{ value }} で問題なく表示されています。

こちらの書き方をご教授いただけると幸いです。

 

よろしくお願いします。

 

 

0件の返信0