モーダルウインドウの設置

Question

https://shop.marianaocean.com/

こちらに開いたときに全面にバナーが出るモーダルウインドウの設置はできますでしょうか。

参考画像を載せておきます。

宜しくお願い致します。###HR######IMG07666bfa17f476690bb0f7e2ba1840a37.pngIMG0###

Accepted Answer

ECマスターズの田中です。

iZiModalを導入されようとしている、ということですね。

カラーミーショップであれば、外部リンクの制限がないので、
CDN上の外部ファイルを利用して、
FTP上の操作を行うことなくiZiModalを設置できます。

https://cdnjs.com/libraries/izimodal
上記URLにある「iziModal.min.css」「iziModal.min.js」各ファイルに
マウスカーソルを当てる→「Copy」の右にある「▼」→Copy Link Tag
でコピーできる各タグを、
テンプレートのHTMLに貼り付けていただきますようお願いします。

Answer

ECマスターズの田中です。

> こちらに開いたときに全面にバナーが出るモーダルウインドウの設置はできますでしょうか。

はい、設置することはできます。

カラーミーでしたら
スタイルシート・JavaScriptの使用に
特に制限はございませんので、

CSSのみでシンプルに設置したり、
https://qiita.com/KazuyoshiGoto/items/8df4253cf2e955760872
jQueryプラグインを導入してカスタマイズすることもできます。
http://uzurea.net/explanation-jquery-izimodal/

Answer

ありがとうございます。

ちなみに初心者で申し訳ございませんが、
今までカスタマイズの作業をカラーミー上で行っておりました。

先ほどFTPに接続しましたがいまいち使い方がよくわかりません。
どのようにjQueryのファイルなどを格納するのか教えていただけますでしょうか。