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の該当部分を探し出すことができませんでした。
何かヒントになることでも教えて頂けると大変助かります。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024