バナー

Question

お世話になります。

現在PC用商品説明文に「返品、返金」のバナーを表示していますが、買い物カゴ付近に「返品、返金」の案内バナーを移動できますか？
可能であればHTMLを教えてください。

宜しくお願いします。

Answer

移動は可能ですが、
ご注意いただきたい内容があります。

移動の仕組みをご説明いたしますと、
「返品、返金」バナーを商品説明文の一番左上に設置し、
それを上に◯ピクセル、右に◯ピクセルという形で
数字を指定して移動させる形になります。

その為、説明文の上にあるあす楽の説明があるかないかで
移動させる量が変わります。

また、テンプレートごとに、買い物かごと商品説明文の
位置関係が変わりますので、
テンプレートを複数ご利用の場合はご注意ください。

また、Windows・Mac・スマートフォン・タブレット等、
お客様がページを見る方法が変わると、
文字列の高さの違いなどにより
位置に若干のズレが発生いたしますので
ご注意ください。

以上の内容をご理解いただいた上で
移動させる際は、
まず初めに、
「返品、返金」バナー用のタグに
下記の通り、IDの指定を加えてください。



↓



次に、ヘッダーに
以下の通り、スタイルシートの指定をお願いします。



/* 「返品、返金」バナーをかご周辺に設置 */
#about-return {
    position: relative;
    top: -514px;
    left: 161px;
    z-index: 10000;
}