Shopifyで複数モーダルを作る方法

Shopifyのレイアウト変更で役立つセクション追加機能に、複数のギャラリー画像やカードをクリックすると、その要素に紐付けられたモーダルを表示できるようにした。

JavaScriptで作ります

完成イメージ

PC

モバイル

ショップオーナーさんにも優しいカスタマイズ

ショップオーナーさんでお好みの画像や見出し、説明、ボタンの色やリンクを自由に設定できるようにしました。


 

Dawnテーマをベースに作成。コピペで使えるテンプレートコードはnoteにまとめました。設置方法も載せてます。コピペで使えるテンプレートなので、HTML・CSSがわからなくても使えます。

 

 

 

私はこのスキルを身につけて不労所得を得ています

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

HTML/CSSだけで自動収益化 1万円達成

関連記事

[Dialogflow]ダイアログフローでハローワールド

[Flutter]へっぽこプログラミング!またエラー出た!

[Shopify]サイト内検索で顧客行動を分析(準備編)

[Flutter]縦棒&横棒グラフ(チャート)

HTML/CSSだけで自動収益化 月1万円達成

[Flutter]とりあえずHello Flutterコピペ