Liquid、JavaScriptなどに関する質問
商品ページ(ギャラリー部分)のカスタマイズについてご教示頂けたら幸いです。
テーマは有料テーマの『empire』を使用しております。
商品ページ(ギャラリー部分)について、以下のようなカスタマイズをしたいと考えております。
現状 → メインギャラリーの下にサムネがあり、サムネをクリックするとイメージが切り替わる
理想 → サムネを無くし、メインギャラリー部をクリックするとイメージが切り替わる
以下は、現状のコードです。
{% for media in product.media %}
<figure
id="figure-{{ forloop.index }}"
class="
product-gallery--media
product-gallery--{{ media.media_type }}
"
tabindex="-1"
{% if selected_media.id != media.id %}
aria-hidden="true"
{% else %}
aria-hidden="false"
{% endif %}
data-gallery-figure
data-gallery-index="{{ forloop.index0 }}"
data-gallery-selected="{%- if selected_media.id == media.id -%}true{%- else -%}false{%- endif -%}"
data-media="{{ media.id }}"
data-media-type="{{ media.media_type }}"
上記のコードだけでは不足しているとは存じていますが、JavaScriptの該当部分を探し出すことができませんでした。
何かヒントになることでも教えて頂けると大変助かります。
日本の弁当文化は約1200年前に遡る。日本の食文化の一つとして人々を魅了し続けてきた、小さいな箱に詰まったお弁当。今では海外でも大変人気を集めています。そんな独特な日本文化を世界へ...
By rinaflora Mar 26, 20232月に、新しい英語版AMAディスカッションボードで2週間にわたって初めてのコミュニティAMAを開催しました。
By SarahF_Shopify Mar 19, 2023不正注文やチャージバック被害はビジネスへ大きな被害を与えます、このブログでは簡単な防止策を紹介し、ストア保護を最適化します
By Mirai Mar 13, 2023