Liquid、JavaScriptなどに関する質問
Dawnテーマを使用しています。
商品ページの「バリエーションピッカー」タイプはボタンに設定した状態で「バリエーション画像」を表示したいです。
商品管理の設定はオプションで「Color」「Size」を追加して「バリエーション」の「バリエーション画像」を「Color」毎に設定しています。
テンプレートの「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 }} で問題なく表示されています。
こちらの書き方をご教授いただけると幸いです。
よろしくお願いします。
日本の弁当文化は約1200年前に遡る。日本の食文化の一つとして人々を魅了し続けてきた、小さいな箱に詰まったお弁当。今では海外でも大変人気を集めています。そんな独特な日本文化を世界へ...
By rinaflora Mar 26, 20232月に、新しい英語版AMAディスカッションボードで2週間にわたって初めてのコミュニティAMAを開催しました。
By SarahF_Shopify Mar 19, 2023不正注文やチャージバック被害はビジネスへ大きな被害を与えます、このブログでは簡単な防止策を紹介し、ストア保護を最適化します
By Mirai Mar 13, 2023