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の該当部分を探し出すことができませんでした。
何かヒントになることでも教えて頂けると大変助かります。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024