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でアプリなしで配達時間指定のみを実装する

スタッフから配送時間を選べるようにして欲しいと要望があったので、検討するところから、スタート。 まず、使う前に期待していたShopifyのメジャーアプリ「配送日時指定 .amp」なんですが、試したとこ …

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

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

Shopifyでも見積書を無料で作れるよ

Order PrinterっていうFree(無料)のアプリがあるから、それを使えばいい。 テンプレートがHTMLタグなので、それを直さなくてはならない。タグを知らない人にはちょっと辛いかもしれないけど …

ShopifyからChatworkへ通知(JSON)

Arigato Automtion(Shopify)から、PowerAutomateへの、JSONデータの渡し方について、需要あるかもと思い、書いてみる。 自分がやっていた以前のやり方(これだと日本語 …

Shopify サンキューページの必須アップグレードを実施しました

Shopifyから案内されていた「サンキューページおよび注文状況ページのアップグレード」を実施しました。 今回はAIに試しに書かせてみた。文体がいつもと違うと思う。 アップグレード自体は数分で完了する …