質問: スマホへのポップアップバナー表示ができません スマホにポップアップバナーを表示させたいのですが、設定について教えてください。https://www.rakuten.co.jp/cordy/トップページはgoldで設定しています。またカテゴリページもトップページに遷移するようになっています。そのため、以下の2つの方法ではポップアップバナーを表示できないと思い、────────────────店舗設定 > デザイン設定 > スマートフォン デザイン設定 > トップページ編集・トップ説明文(1)・トップ説明文(2)店舗設定 > デザイン設定 > スマートフォン デザイン設定 > カテゴリページ共通パーツ設定・カテゴリページ共通説明文────────────────商品ページに埋め込む方法をやってみましたが、、、────────────────店舗設定 > デザイン設定 > スマートフォン デザイン設定 > 商品ページ共通パーツ設定・商品ページ共通説明文店舗設定 > 商品ページ設定 > 各商品・スマートフォン用商品説明文────────────────1.商品ページ共通パーツ設定商品ページ共通説明文がどこにあるのかわかりません。2.店舗設定 > 商品ページ設定 > 各商品・スマートフォン用商品説明文こちらは文字数オーバーになってしまいました。解決策はありますでしょうか?因みにポップアップバナー表示のソースは以下の通りです。────────────────
回答: ecマスターズの伊藤です。> 1.商品ページ共通パーツ設定商品ページ共通説明文> がどこにあるのかわかりません。商品ページ共通説明文 までの遷移を動画にて撮影いたしましたのでご確認くださいませ。https://ec-masters.gyazo.com/1b4c64aaa4565094f732c98b00afaa35> 2.店舗設定 > 商品ページ設定 > 各商品・スマートフォン用商品説明文> こちらは文字数オーバーになってしまいました。cssやjavascriptを外部リンクとしていただくことでご対応いただくことができます。外部リンクの方法ですが、下記をメモ帳などに記述し、 popup.js popup.cssをgoldにアップロードしていただければと思います。。保存の際、 popup.js.txtのように、末尾に .txt が、つかないようにご注意くださいませ。=== 以下をpopup.jsとして保存 ===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); });});=== 以上をpopup.jsとして保存 ====== 以下をpopup.cssとして保存 ===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; /*画像の縦幅*/}=== 以上をpopup.cssとして保存 ===※画像のurl、高さや幅の編集をお願いします。=== 以下を修正し、商品共通説明文にアップロード ====