FROM CACHE - jp_header

商品詳細の商品画像にバリエーションの画像を表示させない。

hdm
Shopify Partner
21 2 2

 

 

{% for media in product.media %}
  <div class="swiper-slide">
    <img src="{{ media.preview_image | img_url: '110x110' }}">
   </div>
{% endfor %}

 

商品のスライダー画像を取得した際に商品ページで設定したバリエーションの画像のみ非表示にすることは可能なのでしょうか。上記記述だとバリエーションの画像も一緒に表示されてしまいます。

使用テーマは Debutです。

1件の返信1

株式会社フルバランス
Shopify Partner
1508 542 677

Hdm 様

 

はじめまして。

株式会社フルバランスのドウケと申します。

 

一案ではございますが、

上記のコードですと、product.mediaに入っている画像情報を一つずつimgタグに渡している状況かと思います。

product.media[0].preview_image などにより特定の画像のみ表示できないでしょうか。

 

ご参考になれば幸いです

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス