ショップレビュー更新君のサンプル画像はありますか？

Question

お世話になっております。

既に案内済みであれば、再度教えて下さい。

ショップレビュー更新君のサンプル画像を
見たいです。

その上で自ショップのどこにどう使うかを
検討したいです。

よろしくお願いいたします。

Answer

ECマスターズの星です。

>ショップレビュー更新君のサンプル画像を
>見たいです。

看板の上に設置した場合のイメージ画像となります。
https://ec-masters.gyazo.com/5fbf4fdbe7796c6e29bf42b33637d143

文字色、文字の大きさ、背景色などはご自由にご変更いただけます。

Answer

星さん、ありがとうございます。

早速アップしてみました。

看板の下、売上速報の上に表示されますね。

レイアウトもセンタリングで中央に表示していますが、
右寄せの方がカッコよさそうです。

iframeの末尾を看板の右端に合わせるには
どのようにすればいいでしょうか？

ご指導ください。

Answer

ECマスターズの星です。

>iframeの末尾を看板の右端に合わせるには
>どのようにすればいいでしょうか？

iframeの中にalign="right”を追加してみてください。

Answer

ありがとうございます。

うまく表示できました。

後は看板上に表示するには何か手を加える必要がありますか？

Answer

ECマスターズの田辺です。

＞後は看板上に表示するには何か手を加える必要がありますか？

はい、手を加えていただく必要がございます。

１：を囲んでいるにクラス名を記入してください。
例）

２：にID名を追加をお願いいたします。
例）

３：こちらを追記していただくことで看板上に表示されます。

    .reviewCenter{
     position: relative;
    }
#reviewKosin{
    position: absolute;
    top: -410px;
    right: 0;
    }

Answer

田辺さん

ありがとうございます。

ただ、このままだと商品ページに出てくる
あす楽対応のバナーに掛かってしまいますね。

トップページでも各商品ページでもキレイに
収まるTOPからのピクセルが調整できれば
ありがたいです。

よろしくお願いします。

Answer

ECマスターズの田中です。

＞トップページでも各商品ページでもキレイに
＞収まるTOPからのピクセルが調整できれば
＞ありがたいです。

ショップレビュー更新君を、看板の右上にキレイに収めるには、

・スタイルシートを利用して、看板の上に空白を作り、
　ショップレビュー更新君を配置する
・実際のページから、看板およびナビボタン設置用のHTMLソースを
　コピーしてヘッダーコンテンツの先頭に貼り付け、
　さらにその上にショップレビュー更新君を配置する

といった方法がございますが、

前者の場合、商品ページの仕様変更などにより、構造に変化があると、
スタイルシートの対象が変わり、思わぬ表示崩れを起こす可能性があります。

後者の場合、ページ構造が崩れないよう、
ソースを正確にコピーしていただく必要があります。
また、作業完了後に看板とナビボタンを更新される際は、
HTMLソースを直接変更していただく必要がございます。

Answer

田中さん、ありがとうございます。

ちょっと大変そうなので、今の看板右下で
良しとします。

ありがとうございました。