FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: 商品画像にスワイプ機能をつける方法

商品画像にスワイプ機能をつける方法

yuge
Shopify Partner
2 0 0

リンクのような商品画像をスワイプさせて画像を切り替えられるように実装するにはどのような方法がありますか?アプリ以外でコード編集で実装したいです。https://jp.louisvuitton.com/jpn-jp/women/handbags/capucines/_/N-t8t2i4m

1件の返信1

株式会社フルバランス
Shopify Partner
1610 573 736

Yugeさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

一覧画面の状態で商品の複数画像が見れるとイメージが伝わりやすくて良いですね。

 

未検証ですが、liquidを編集して商品画像をすべて表示し、jQueryでSlick Sliderをあてるのはいかがでしょうか?

その商品に登録している画像を全て表示 -> 商品詳細ページのサムネイル部分のコードを参考にできると思います

Slick slider使い方 -> https://zero-plus.io/media/jquery-slick/

 

 

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

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