FROM CACHE - jp_header

商品ページ(ギャラリー部分)のカスタマイズについて

s_yamaoka
Shopify Partner
15 0 1

商品ページ(ギャラリー部分)のカスタマイズについてご教示頂けたら幸いです。

 

テーマは有料テーマの『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の該当部分を探し出すことができませんでした。

何かヒントになることでも教えて頂けると大変助かります。

0件の返信0