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

yuuuuuu070707 · ‎02-03-2024

syopify 開発初心者です。

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

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

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

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

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

株式会社フルバランス · ‎02-08-2024

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

JapanGuru · ‎02-16-2024

Yuuuuuu070707様

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

[Image Slider Pro - Upload images to create logo , carousal or banner sliders | Shopify App Store]
[POWR: Image Slider | Carousel - POWR: Image Slider Carousel | Shopify App Store]

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

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

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

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