Shopify

Shopifyにスライド(スライダー/カルーセル)を導入するならコード直打ちがおススメ

投稿日:2021年6月9日 更新日:

アプリは、有料の、こんなのとか(フリープランだとクレジットが表示される)、

POWR Image Slider & Carousel – Ecommerce Plugins for Online Stores – Shopify App Store

無料の、こんなのとか(レスポンシブじゃない)、

Free Image Slider Shopify App for Banners & Image Sliders

試してみただけど、どれもこれも、満足いかない。

アプリ使うほうが将来楽かなーと思ったけど、結局は、これまでどおり、無理してアプリを使おうとしないで、Swiperを追加してHTMLコード直打ちするのが、一番いいみたい。お金もかからないし、時間もひょっとしてこっちのほうが短時間で作れるかも。

以下、参考リンク:

超簡単設置!レスポンシブ対応スライダー Swiperの設置方法 | All Home Page 株式会社

いったん動くコードができたら、後は画像リンクを差し替えるだけでOKだし、商品ページでも固定ページでもブログページでも、どこでも動かせる。

-Shopify

執筆者:

関連記事

ShopifyのMatrixifyアプリを使って一部の注文データをFTPに保存する

まずは、Matrixifyアプリを開き、NewExportボタンを押す。 Optionsに入り、Results FileのUpload toで、Add New Serverを選択。 Settingsパ …

Shopifyでメタフィールドを使う(初心者向け)

やりたいこと:商品ページの価格の下にちょっとしたテキストを表示したい。そのテキストは商品ごとに違うものを用意し、設定したい。 1.メタフィールドを作る Shopify管理画面に入り、設定-メタフィール …

Shopifyの注文情報をArigato AutomateionアプリとPowerAutomate経由でチャットワークに通知する

まずはPower Automate 側を作る。 トリガーはmanual。 HTTP URI は、自動で作られる。後でArigato Automationで使う。 JSONの解析をする。サンプルのペイロ …

ShopifyのEasy Taggingアプリで過去注文についてタグをつける

未来の注文についてタグをつける方法はわかったが、過去分についてそれをする方法がわからなかったので、自分用に調べてメモしておく。 Rulesのタブに書いてあったので、賢明な方はすぐに分かったのかもしれな …

Arigato AutomationのヘルプにChatGPTが搭載された

Shopifyで使っているアプリ、Arigato Automation。毎日、便利に使っている。このたび、備考欄に書いたある文字について、置換をしたいというニーズが出てきた。きっと、Replaceの関 …