楽天PCページでのECステーション　おすすめショーケースの設置方法について

Question

お世話になります。

ECステーション　おすすめショーケースで
テンプレート　縦帯スライド（TO-IM01）の
htmlソースを書き出すところまではできたのですが、
ＰＣ設置例のページ（https://www.intecrece.co.jp/ecm/master10.html）
のように右側に表示させる方法を教えていただけますでしょうか。

宜しくお願いします。

Answer

ECマスターズの橋本です。

＞右側に表示させる方法を教えていただけますでしょうか。

こちら、お調べしまして担当より明日ご連絡させていただきます。
今しばらくお待ちいただければと思います。

Answer

ECマスターズの田中です。

＞右側に表示させる方法を教えていただけますでしょうか。

htmlソースに含まれるタグに、
下記属性を加えてください。
（２箇所、修正が必要な部分がございます）

= この下の行から ====================
style="
    position: fixed;
    right: calc( ( 100% - ページ内容の横幅px ) / 2 - タグの横幅px );
    top: 0px;
    height: 100vw;
"
= この上の行まで ====================

属性の加え方がわからない場合は、
下記のような形になるよう、タグ名（iframe）の後ろに挿入してください。

Answer

ありがとうございます。

ヘッダーに貼り付けしましたが、右側に薄いグレーのゾーンができ、一番上に画像が半分ほど少し表示されるだけで
うまく表示されません。
下記で貼り付けしました。
どこか間違っておりますでしょうか？


この部分に表示されます

Answer

ECマスターズの田中です。

いただいたソースは特に間違いがないようなので、
実際に設置された様子を確認させていただく必要がございます。

たとえば、
サーチ非表示を設定したダミーの商品ページをご用意の上、
PC用販売説明文にいただいたタグを張り付けていただいた上で、
商品ページの商品管理番号をお知らせいただく、
といった形でご用意いただけますでしょうか。

フォーラムにてご返答いただき辛い場合は、
リクエストフォームよりご連絡ください。

Answer

田中様

ご連絡ありがとうございます。

商品管理番号　ecmasters　でご確認いただけますでしょうか。

宜しくお願いします。

Answer

ECマスターズの田中です。

確認用の商品ページをご用意いただき、ありがとうございました。

私にて、（ページアップロード後に表示されるURL）を
直接開いて確認したところ、

スライダーを動かす役割を持ち、HTMLと一緒にアップロードされるはずの
jquery1.11.0.min.js および slider.js 各ファイルが
何らかの理由でアップロードされていなかったため、
スライダーが動作していないことがわかりました。

再度、ECステーション ＞ おすすめショーケース ＞ 商品一覧作成 より、
「ページアップロード」ボタンを押して
表示をご確認いただけますでしょうか。

Answer

田中様

ご連絡ありがとうございます。

手順どおりに再アップロードしましたが、改善されません。

宜しくお願いします。

Answer

ECマスターズの田中です。

私にて、jquery1.11.0.min.js および slider.js を
アップロードさせていただいたところ、
無事動作するようになりましたので
表示をご確認の上、調整をお願いいたします。
（ecmastersの商品ページの場合、
　商品説明文に含まれるヘッダー部分が横幅を押し広げているために
　縦帯スライドバナーに被ってしまっております）

Answer

田中様

確認できました。
迅速なご対応ありがとうございました。

楽天PCページでのECステーション おすすめショーケースの設置方法について

楽天PCページでのECステーション　おすすめショーケースの設置方法について