サイト訪問時にポップアップウィンドウを表示させたい

日本語 ディスカッション 技術的なQ＆A
, ,
1

テーマ：DAWN 15.2

サイトに訪問してきたユーザーにポップアップウィンドウ（モーダル）を表示させたいです。

この場合、どこのファイルに追記すればよいでしょうか？

2

ケースバイケースかとは思いますが、私なら layout/theme.liquid の </body> タグの直前にいれます。

ポップアップウィンドウ用のHTMLコードをそこに書いて、あとは assets/base.css にポップアップを整えるスタイルを追記、ポップアップを制御するJavaScriptを assets フォルダの中に新しくJSファイルを追加して追記。

追加したJSファイルは読み込む必要があるので layout/theme.liquid に <script src="{{ 'popup.js' | asset_url }}"></script> といった具合に追記していくと思います。

参考になれば幸いです。