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 }} で問題なく表示されています。
こちらの書き方をご教授いただけると幸いです。
よろしくお願いします。
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024