• 文字サイズ
解決済

スマホ用ポップアップバナー

  • 相談者:非公開
  • 2019/09/02 11:19
お世話になります。
スマホ用のポップアップバナーを設定したのですが、
なぜか表示されません。

以下タグを見ていただけますでしょうか?
※スマホ用商品ページ設定に入れています。

<input type="checkbox" name="modal" id="modal" ="" checked>
<label id="modallabel" for="modal" ="">
<div ="">
<a href="https//www.rakuten.ne.jp/gold/SHOP-URL/smp/1909_ss_smp.html">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/ss/1909ss_300.gif">
</a>
</div ="">
</label ="">
<script ="">
jQuery(function($){
var k = 'modal';
var v = 'done';
if( localStorage.getItem(k) !== v ) $('#modal').prop('checked',false);
$('#modallabel, #modallabel a').click(function(){ localStorage.setItem(k,v); });
});
</script ="">
<style ="">
p{
margin:0 auto;}
input#modal {
display: none;
}
input#modal + label {
width: 100%;
height: 120%;
position: fixed;
top: 147px;
bottom: 0;
left: 0;
right: 0;
z-index: 2147483646;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
input#modal + label div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
position: fixed;
width: 300px; /*画像の横幅*/
height:330px; /*画像の縦幅*/
bottom: 0;
left: 0;
margin: 15% auto;
position: fixed;
right: 0;
top: 120px;
}
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:checked + label {
display: none;
}
input#modal + label img{
width: 300px; /*画像の横幅*/
height:330px; /*画像の縦幅*/
}
</style ="">


<center>
<table width="100%" border="0" cellspacing="0" cellpadding="15" bgcolor="#ffffe0">
<tr>
<td align="center"><font size="-1">光抗菌作用&amp;金属アレルギー対応<br>
もっとも清潔・安心な注目素材!!<br></font>
<br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank"><font size="+1"><b>100%純チタンピアスは<br>
>> ここをクリック★ <<</b></font></a></td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="15" bgcolor="#ffffe0">
<tr>
<td align="center"><font size="-1">金属アレルギー対応<br>
ステンレス・K18・K14・プラチナ<br>
軸太0.8mm&ロングポスト12mmなど<br></font><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank"><font size="+1"><b>セカンドピアスをお探しのあなたは<br>
>> ここをクリック★ <<</b></font></a></td>
</tr>
</table>
<br>

<!-- iframe -->
<iframe ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/smp/smp_como.html" scrolling="no" frameborder="0" id="s_hd" width="100%" height="2400px"></iframe ="" >

<!-- ストーカーテキスト -->
<link rel="stylesheet"              ="" href="https//www.rakuten.ne.jp/gold/SHOP-URL/css/spfixftbnr.css">
<a              id="fixftbnr"><a href="https//www.rakuten.ne.jp/gold/SHOP-URL/smp/1909_ss_smp.html" target="_blank"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/ss/1909ss_616.gif" width="100%"></a>
</center>

<!-- お気に入り登録 -->
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/like.js" charset="Shift_JIS"></script ="" >
<link ="" rel="stylesheet" href="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/like.css">

よろしくお願いします。
投稿内容について報告する



  • 返信者:非公開
  • 2019/09/02 18:00
ECマスターズの伊藤です。

> スマホ用のポップアップバナーを設定したのですが、
> なぜか表示されません。

確認をさせていただいたところ、タグに………(省略)………
  • 返信者:非公開(質問者)
  • 2019/09/02 18:14
伊藤様

お忙しいところ、ありがとうございます。
CLOSEを押したつもりはなかったのですが、やはりそうだったんですね。
申し訳ありません。

シー………(省略)………