ポップアップバナーでクーポンを2枚を表示させる方法

Question

ポップアップバナーでクーポンを2枚を表示させる方法はないでしょうか？横長長方形画像を縦に2枚並べるか、正方形画像を横に2枚並べたいです。

Answer

ECマスターズの田中です。ポップアップバナーの仕組みによって変わるため一概に申し上げることは難しいのですが、基本的に、表示部分にクーポン２枚分のHTMLタグをご記載いただき、スタイルシートで見た目を調整することで表示させることは可能です。

Answer

ご回答いただきありがとうございます。自分でやってみましたが、どうもうまくいきませんでした。例えば、width:616px height:120pxの画像を縦に2枚表示する場合、どこをどのように変更すればよいのでしょうか？

Answer

ECマスターズの田中です。変更箇所をご案内差し上げるためには、実際に設置された様子をご確認させていただく必要がございます。テストページでも結構ですので、実際に設置をお試しいただいた上で、その様子が確認できるページのURLを返信もしくは「投稿内容について報告する」よりお知らせ願います。（一部伏せていただいても結構です）

Answer

デザインレシピの「ポップアップバナーを表示させる方法」なのですが、どの部分の変更が必要でしょうか？

Answer

ECマスターズの田中です。お知らせいただき、ありがとうございます。Genieさんのショップの商品ページを確認したところ、実際に設置されている様子を確認できました。実際に設置されているソースにて、

タグの中に

のように、2枚のリンクつきバナーが並ぶようにご設置いただいた上で、input#modal + label div::before {content: "× Close";position: absolute;bottom: -25%;right: 50%;margin: 0 -60px 0 0;font-size: 3em;font-weight: bold;color: #ffffff;}を、input#modal + label div::after { content: "× Close"; display: block; text-align: center; margin: 0 auto; font-size: 3em; font-weight: bold; color: #ffffff; line-height: 1em;}に置き換えていただき、input#modal + label div {の下にございますheight:120px; /*画像の縦幅*/を、2枚分のheight:240px; /*画像の縦幅*/に置き換えていただきますようお願いします。

Answer

ありがとうございます！設置することができました！

ポップアップバナーでクーポンを2枚を表示させる方法

カテゴリーから探す