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

[s_yamaoka]

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

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

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