FROM CACHE - jp_header

複数列 複数画像表示したい

yuuuuuu070707
Shopify Partner
2 0 0

syopify 開発初心者です。

 

セクション:複数列 の画像を複数表示したいです。

画像のところがこんな感じになるのをイメージしてます。

"<" ">" を押下すると、2枚目の画像に移るイメージです。

yuuuuuu070707_0-1706973064930.png

 

お分かりになる方、ご教示願います。

よろしくお願いいたします。

2件の返信2

株式会社フルバランス
Shopify Partner
1396 490 627

Yuuuuuu070707様

 

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

いただいているような機能ですが、Javascriptのスライダーライブラリを使用することで実装可能です。

 

スライダーライブラリはいくつかありますが、

比較的実装が容易な「swiper」での実装方法について記載のあるページURLを下記に添付いたします。

 

swiperの使い方:https://kiomiru.co.jp/blog/coding/swiper-js/

DAWNでのswiperスライダーの実装方法:https://note.com/oasiscreate/n/n2d942233be51

 

 

こちらの実装にはhtml,css,javascript,liquidコードの入門的な知識が必要になりますので、

ご自身での実装が難しい場合は、専門の方などにご相談されることを推奨いたします。

 

ご参考までに。

 

お役に立てたようでしたら、BAをいただけると嬉しいです。

よろしくお願いいたします。

 

株式会社フルバランス 園畑

 

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

JapanGuru
Shopify Staff
2 0 0

Yuuuuuu070707様

画像スライダーをストアに設置できる・無料枠を設けている外部アプリがいくつかございましたのでよろしければお試しくださいませ。

 

上記は一例となりますので、[**アプリストア**](https://apps.shopify.com/?locale=ja)からご希望に沿ったアプリをご選択ください。アプリ検索では “Carousel” や “Slider” といったキーワードをご利用くださいませ。 外部アプリは弊社開発ではなく、各アプリ開発元が運営・管理をしておりますので使用方法やご希望の機能の有無に関するご質問は開発元側の方がより詳細を把握しております。是非直接ご質問していただくこともご検討くださいませ。


また、アプリの仕様がご希望に沿わない場合は、株式会社フルバランス 園畑様のおっしゃるようにコード編集をご検討いただき、必要に応じて専門家にご相談くださいませ。

よろしくお願い申し上げます。