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

執筆者:

関連記事

no image

Shopifyから送られてくるメール文中の画像がGmailで消えている

Shopifyでは、スタッフ向けの注文確認メールが送られるが、Gmailに届くようにしている。その文中を見ると、「画像が非表示になっています。 下記の画像を表示 – ・・・の画像を常に表示 …

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

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

Shopifyで Code Customizer の代替案を見つけた。アプリを使わずテーマで対応(10分でできる)

気に入って使っていた、Shopifyの Code Customizer アプリが最近になって、突然使えなくなった。メール問い合わせしてみたが、翌日「このメールは使われていません」みたいなメッセージが返 …

Shopifyのバルク配送処理のアプリMassFulfillについてのメモ

Order name には、注文番号を入れる。 Trigger shipping confirmations on Shopify にチェックが入っていると「注文番号 XXXX の発送が完了しました」 …

Arigato Automation(Shopifyのアプリ)の備忘録

EC業務で「特定顧客の注文につき、注文から1日経ったら、自動で発送済みにする」・・・ということを、したい。 うちの会社の場合は、店頭受取の顧客については、発送の管理をしないため。 以下、Arigato …