[Shopify] スライドショーをSwiper.jsに変更して管理画面で編集できるようにする方法｜TORUBLOGHTML/CSS/JavaScript, Liquidの基本的な知識がある前提で記載しています。 Liquidコードを編集する際には、バックアップを必ず行い、テスト環境で確認を行うなど、自己責任のもとに行ってください。万が一不都合等が起きた場合でも当方は責任を負いかねますのでご注意ください。 Shopify Debutテーマデフォルトのスライドショー 今回は例としてDebutテーマを使用します。 Debutテーマのデフォルトで使用できるホームページセクションにはすでに「スライドショー」が存在しますが、以下のようになっています。 これでも良いのですが、 画像全体をリンクにしたい（デフォルトではボタン部分のみがリンクになっている） エフェクトを変えたい ボタンや丸いページネーションを別デザインにしたい このようにしたい場合などはカスタマイズが必要となります。 ShopifyにスライドショーSw
![[Shopify] スライドショーをSwiper.jsに変更して管理画面で編集できるようにする方法｜TORUBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/90476c9ace36df7f2a5dc07875f053f3f06dd076/height=288;version=1;width=512/https%3A%2F%2Ftorublog.com%2Fwp-content%2Fuploads%2F2021%2F02%2Fshopify-slideshow-swiper-js.png)
