- 文字サイズ変更
- 小
- 中
- 大
解決済
楽天スマホサイト下部の固定メニュー設置方法について
- 相談者：非公開
- 2018/06/21 15:49
いつもお世話になっております。
06月15日（15:05）に「楽天スマホサイトの下部に追従型固定メニュー設置する方法について」というタイトルで質問させて頂いた小高と申します。その節は丁寧に教えてくださり誠にありがとうございました。
教えていただいた、外部cssファイルとメニューバナー表示用のhtmlファイルを作り、
下記htmlソースをスマートフォン用共通説明文に記載しました。
<link ="" rel="stylesheet" href="http//www.rakuten.ne.jp/gold/SHOP-URL/css/ecm_katego_menu_bar.css">
<iframe ="" id="spFixedBanner" src="https//www.rakuten.ne.jp/gold/SHOP-URL/katego_menu_bar.html"></iframe ="">
しかし「スマートフォン用共通説明文設定 確認」ページにて、作成したメニューバナーのプレビューが、「登録する」ボタンに重なってしまいボタンが押せず設定ができませんでした。
どうのようにすれば登録ができるでしょうか？メニューバナー表示用htmlソースも記載しましたので、
問題点を教えて頂けると幸いです。
どうぞ宜しくお願いいたします。
小高
≪メニューバナー表示用のhtml≫
-------------------------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>無題ドキュメント</title>
</head>
<body>
<style type="text/css">
ul
{
list-style: none;
display: flex;
text-align: center;
padding:0;
margin:0;
border: 1px solid #fff;
}
li{
width: 40%;
height: 30px;
line-height: 30px;
margin-right: 2px;
border: 1px solid rgba(0,0,0,0.3);
background:linear-gradient(#DF0101, #FF4000);
opacity:1;
box-shadow: 2px 2px 4px gray;
}
li a{
text-decoration: none;
color:rgba(0,0,0,0.9);
font-family:sans-serif;
font-weight: bold;
｝
</style>
<ul>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">NEW ITEMS</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">TOPS</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">ONE PIECE </a></li>
</ul>
<ul>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">恋人岬</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">Desigual</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">SALE</a></li>
</ul>
</body>
</html>
06月15日（15:05）に「楽天スマホサイトの下部に追従型固定メニュー設置する方法について」というタイトルで質問させて頂いた小高と申します。その節は丁寧に教えてくださり誠にありがとうございました。
教えていただいた、外部cssファイルとメニューバナー表示用のhtmlファイルを作り、
下記htmlソースをスマートフォン用共通説明文に記載しました。
<link ="" rel="stylesheet" href="http//www.rakuten.ne.jp/gold/SHOP-URL/css/ecm_katego_menu_bar.css">
<iframe ="" id="spFixedBanner" src="https//www.rakuten.ne.jp/gold/SHOP-URL/katego_menu_bar.html"></iframe ="">
しかし「スマートフォン用共通説明文設定 確認」ページにて、作成したメニューバナーのプレビューが、「登録する」ボタンに重なってしまいボタンが押せず設定ができませんでした。
どうのようにすれば登録ができるでしょうか？メニューバナー表示用htmlソースも記載しましたので、
問題点を教えて頂けると幸いです。
どうぞ宜しくお願いいたします。
小高
≪メニューバナー表示用のhtml≫
-------------------------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>無題ドキュメント</title>
</head>
<body>
<style type="text/css">
ul
{
list-style: none;
display: flex;
text-align: center;
padding:0;
margin:0;
border: 1px solid #fff;
}
li{
width: 40%;
height: 30px;
line-height: 30px;
margin-right: 2px;
border: 1px solid rgba(0,0,0,0.3);
background:linear-gradient(#DF0101, #FF4000);
opacity:1;
box-shadow: 2px 2px 4px gray;
}
li a{
text-decoration: none;
color:rgba(0,0,0,0.9);
font-family:sans-serif;
font-weight: bold;
｝
</style>
<ul>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">NEW ITEMS</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">TOPS</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">ONE PIECE </a></li>
</ul>
<ul>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">恋人岬</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">Desigual</a></li>
<li><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">SALE</a></li>
</ul>
</body>
</html>
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2018/06/21 17:57
ECマスターズの田辺です。
プレビュー画面にて「登録する」ボタンに重なってしま場合は、
キーボード操作で「登録する」ボタンを押してください。
プレ………（省略）………
プレビュー画面にて「登録する」ボタンに重なってしま場合は、
キーボード操作で「登録する」ボタンを押してください。
プレ………（省略）………
- 返信者：非公開（質問者）
- 2018/06/22 11:12
ECマスターズの田辺様
いつもお世話になっております。
フォーカスを当てて登録する方法、勉強になりました！
登録できるようになりました。
また、………（省略）………
いつもお世話になっております。
フォーカスを当てて登録する方法、勉強になりました！
登録できるようになりました。
また、………（省略）………
このフォーラムへの質問は終了しました
質問を検索する