ECステーション様の出荷日バナー挿入について

Question

お世話になっております。

ECステーション様のツールボックスで出荷日バナーをレフトナビに入れたく作成をしてみたのですが挿入がうまく行っておりません。

leftnavi_ver1_rev04.htmlに出荷日バナーで作成した貼り付けソースを挿入したのですが、反映がうまく行かず苦戦しております。
「3,780以上お買い上げで送料無料」の上にバナーを挿入したいのですが方法をご指南頂けないでしょうか。
何卒よろしくお願い致します。

Accepted Answer

ECマスターズの田中です。

> PCのトップページ高さ変更ですが、gold内leftnavi_ver1_rev04.html のどちらを変更するべきなのでしょうか。

GOLD内にある、leftnavi_ver1_rev04.htmlではなく、index.htmlに含まれる

 お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。

上記タグの「1550」の数字をご変更ください。

iframeタグは、ページ内に別のページを埋め込むためのHTMLタグです。
https://techacademy.jp/magazine/5839
元ページの中に穴を空けて、別のページを覗く穴を作るようなイメージになります。

yanagibashiさんのPC用トップページは、GOLD内のindex.htmlとして記載されており、
index.htmlの中に、レフトナビとしてleftnavi_ver1_rev04.htmlを見せるための覗き穴が
iframeタグによって空けられています。
その穴の大きさを広げる必要があるため、
leftnavi_ver1_rev04.htmlではなく、穴の設定が書かれているindex.htmlをご変更いただく形になります。

> スマホの方も作ってみたのですがこれであっておりますでしょうか。
いただいたタグのままですと、
「iframe」ではなく「iframe=""」という名前のタグとして扱われてしまいますので、
「iframe」の直後に、半角スペースを１つ入れていただきますようお願いします。

Answer

ECマスターズの田中です。

設置用のソースは問題なく設置されているようなのですが、
楽天GOLD内に、出荷日バナー用のHTMLがアップロードされておりませんでした。

https://manual.ecsystem.jp/176/
で紹介されている手順にて、
「アップロード」のボタンを押していただいた上で、
表示をご確認いただきますようお願いします。

Answer

田中様

お世話になっております。
ありがとうございます。
pcサイトに入りましたが別の問題が、、、
レフトナビ全体が下がったのでディズニーゾーンのバナーが見切れてしまいました。
以前教えて頂いた方法で高さを変更したのですが見切れております。
https://forum.ec-masters.net/post_view.php?id=8818
楽天GOLDの変更が必要なのでしょうか。

またスマホがうまく行かず苦戦しております。
スケッチページで作成しているのですが同期方法が違うとは思うのですが、、、
ご指南頂ければと存じます。

Answer

ECマスターズの田中です。

私にて確認したところ、
レフトナビ用iframeの高さが5000pxまで拡大されており、
ディズニーゾーンのバナーも表示されておりました。

・スーパーリロードを行う（PC/Mac向け）
https://liginc.co.jp/web/tool/browser/47339
・ブラウザの設定画面から、キャッシュを削除する
・普段ご利用されているブラウザ以外のブラウザ・PC（またはスマートフォン）で表示

などの方法で、最新のページをご確認いただきますようお願いします。

> スマホがうまく行かず苦戦しております。
というのは、具体的にどのような内容になりますでしょうか。
出荷日バナーを設置される、ということでしたら、
どの部分に設置されようとしておりますでしょうか。
（商品ページ共通説明文の先頭、など）
また、その場合、SketchPageにはHTMLを記入する欄がないため、
基本的にはRMSから直接ご記載いただく形になります。

Answer

田中様

お世話になっております。
ありがとうございます。
高さを5000PXまで変更しキャッシュクリアを行ったのですが、chromeでは見切れており（添付です。トップページの画像です。）
ＩＥでも少し切れております。
これはもう少し高さを広げる必要があるということでしょうか。

スマホはバナーをトップページの検索窓の下に設置したいと考えております。
RMSにて記載したいのですがデザイン設定のどちらに記載するべきなのでしょうか。###HR######IMG0e6ea9c0d963926f551b5bdcd1c1912b7.jpegIMG0######BR###

Answer

ECマスターズの田中です。

トップページでご確認いただいたということですね。
yanagibashiさんのショップのページは、
トップページのみ全体が楽天GOLD内で作成されておりますので、
楽天GOLDの「index.html」ファイルを修正していただく必要がございます。

今回、5000pxまで変更していただいたのと同じ要領で、
leftnavi_ver1_rev04.html 用のiframeの高さを調整していただきますようお願いします。

> バナーをトップページの検索窓の下に設置したいと考えております。

その場合は、トップ説明文(1)の先頭にご記載ください。

なお、スマートフォン用項目では、出荷日バナーを設置するための
iframeタグをご設置いただくことは、本来できません。

バグを利用して設置することは可能ですが、
今後、バグが修正されて、ご利用いただけなくなる可能性がございますことを
予めお含みおきください。

トップ説明文(1)に出荷日バナーの設置用タグをご記載いただいた後、
タグ名の後ろに「 =""」を、計２箇所追記していただきますようお願いします。



設置していただくと、左よりに表示されるかと思いますが、
設置用のタグを





このようにcenterタグで囲むことで、中央揃えで表示することができます。

Answer

田中様

お世話になっております。
回答ありがとうございます。
PCのトップページ高さ変更ですが、gold内leftnavi_ver1_rev04.html のどちらを変更するべきなのでしょうか。

ご教示頂けますでしょうか。

スマホの方も作ってみたのですがこれであっておりますでしょうか。



お手数をお掛けしますがご確認の程宜しくお願い致します。

Answer

田中様

お世話になっております。
お手数をお掛けしました。
修正ができました。
ありがとうございました。
本件クローズとさせてください。

Answer

こんにちは、わたしも質問させて下さい

ecステーション「出荷日バナー」スマホ・トップページ編集に挿入しましたが
何故か？スクロールとなってしまいます（添付）
またフォントpxを変更しても反映されないのです・・
キレイに収めるには、どのようにすればよいでしょうか？
よろしくお願いします



###HR######IMG0c55cafa8649606fdd2409261b44c4fe7.pngIMG0######BR###

Answer

なんつれ様

便乗してすみません。
添付されているバナー私も作成したく、、、
ECマスターズクラブ様入会特典の範囲で作成できるものなのでしょうか。
スマホ用出荷日バナーを作ったのですが何かさみしい感じがしておりまして。。。
ご教示頂ければ幸いです。

ご質問の件ですが
RMS→デザイン設定→トップページ設定（スマートフォン）内トップページ説明文1の中でheightを広げる調整で変更できないでしょうか。
確か私も同じような事象が発生してそのような調整をしたような記憶が、、、
当方作成バナーは下記の通りですが

ECマスターズご担当の方の回答を待たれるのが一番ですが、、、
違っていたらすみません。

Answer

ECマスターズの田中です。


> なんつれさん

> 何故か？スクロールとなってしまいます（添付）

yanagibashiさんのおっしゃる通り、
出荷日バナーの表示枠、つまりiframeの高さが足りないことが原因ですので、

iframeタグのheightの数字をご変更いただくか、
「スマホで出荷日バナー」の管理画面にて、
「高さ」の数字を増やして再度作成をお願いします。

> またフォントpxを変更しても反映されないのです・・

管理画面の設定ではなく、
HTML内で指定されている可能性があります。
具体的に、どの部分を変更されようとしておりますでしょうか。

たとえば、「店内在庫品は出荷予定」の部分でしたら、
「HTML直接編集」内にて、直前に記載されている

の数字をご変更いただきますようお願いします。


> yanagibashiさん

高さのアドバイスを行っていただき、ありがとうございます。

> 添付されているバナー私も作成したく、、、
> ECマスターズクラブ様入会特典の範囲で作成できるものなのでしょうか。

なんつれさんの出荷日バナーは、
出荷日バナーと同じ入会特典の「スマホで出荷日バナー」にて
作成されております。

HTMLを直接編集してのカスタマイズもできますので、
まずは一度お試しいただければ幸いです。
https://manual.ecsystem.jp/212/

Answer

田中様

ありがとうございました！
試してみます。

なんつれ様
フォントの問い合わせもされておりましたね。。。
失礼いたしました。

Answer

田中さん
yanagibashiさん

お世話になります(^^）
解決しました。ありがとうございます