楽天の買い物篭の空いたスペースに

Question

お世話になります。楽天の買い物篭の近くに、小物の商品のリンク写真を貼りたいのですが、教えていただけないでしょうか？

Accepted Answer

小野さんおはようございます　いつもお世話になっております

PC用販売説明文の下部
　PC用商品説明文の上部　　ですと、どの商品にも入れなければなりませんが、ヘッダーとかフッターなどでしたら、買い物篭の横に着けることが可能かなって思ったわけです。

Answer

ECマスターズの小野です。

＞お世話になります。楽天の買い物篭の近くに、小物の商品のリンク写真を貼りたいのですが、教えていただけないでしょうか？

買い物カゴ付近にリンク付きの画像を貼る位置に関してですが、

PCですと、

　PC用販売説明文の下部
　PC用商品説明文の上部

スマホですと、

　スマートフォン用商品説明文の下部

がカゴ付近での表示となりますのでオススメです。

もし、これ以上近づけたい場合は具体的なイメージを知りたいので、
他ショップさんなどで実現されている例を教えていただければと思います。

Answer

ECマスターズの田中です。

まず、買い物かごボタンの横にリンク付きの画像を張るには、
既存の要素をスタイルシートで見た目だけ変えるだけでは対応できないため、

表示用のHTMLタグを入れていただき、
それを上下方向、左右方向に移動させて
買い物かごボタンの横に設置する必要があります。

ですが、ヘッダーやフッター、その他商品ページ共通のパーツ内に
表示用のHTMLタグを挿入しますと、
各商品の販売説明文の高さや商品説明文の高さによって
表示用のHTMLタグと買い物かごボタンとの距離が変化するため、
全商品の買い物かごボタンに対して同じ位置にリンク付き画像を設置することができません。

買い物かごボタンの横にバナーを設置される場合は、
買い物かごボタンとの距離が比較的変わりづらい、
PC用商品説明文の上部に、表示用のHTMLを設置する必要があります。