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(Excelify)の注文データをQNAPにSFTPで送るのに苦労した話

ここ最近、Shopifyというオンラインショップのサービスについて調べている。 注文後の処理データを現状の業務ソフトにスムーズに渡したいのだが、よい知恵が浮かばない。 APIを使うには自分のスキルが足 …

no image

難解なAPIを使わずにShopifyの注文データをAccessに取り込む

Shopify側 ・Matrixfyアプリをインストールする。・Matrixfyはデモプランでも最大10件ダウンロードできる。スケジュールタスクは何個でも作成できるので、例えば、コンビニ知らはい、銀行 …

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

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

秀丸・正規表現・置換で、郵便番号7桁の数字にハイフンを入れる

結構、時間がかかった。苦労したけど、できた。 1.郵便番号7桁/行になるように、整形しておく2.検索:^\d{3}3.置換:\0-

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

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