Yahoo!ショッピング商品画像下のリンクバナー設置の方法について

Question

いつもお世話になります。Yahoo!ショッピングのgulamu-jewelryさんの商品ページ↓https://store.shopping.yahoo.co.jp/gulamu-jewelry/czn1.htmlにおいて、商品画像の下部にリンクつきバナーが並んでいます。「大人かわいいハートブレスはこちら」などですが、Yahooショッピングに問い合わせても教えてもらえませんでした。設置するにあたってのタグなどご教授頂けないでしょうか？宜しくお願いします。

Answer

ECマスターズの田中です。各商品の「ひと言コメント」に挿入したバナーを、スタイルシートで左下に移動させることでご覧の位置に並べる仕組みになっておりますが、ページを見る環境の違い（Windows・Mac、Edge・IE・Chrome・Firefoxなど）によって位置が非常にズレやすい方法であることをお含みおきいただいた上でご設定をお願いします。下記HTMLソースを、各商品の「ひと言コメント」に挿入してください。= この下の行から ====================

リンク付きバナー表示用のHTMLソース

= この上の行まで ====================※下（右）方向の移動量は、半角数字に置き換えてご利用ください。　マイナスの数値を指定すると、逆方向（上方向・左方向）になります。　gulamu-jewelryさんではそれぞれ、300と-300を指定されております。※リンク付きバナー表示用のHTMLソースは、　実際のソースに置き換えてご利用ください。まずは一度、ダミーの商品ページなどに設置していただき、お手持ちのブラウザ（IE、Chromeなど）でどのような見た目になるかご確認いただきながら移動量を調整していただきますようお願いします。「ひと言コメント」欄の文字数制限が厳しい場合は、gulamu-jewelryさんのように、Yahoo!トリプルに設置したHTMLファイルを

Answer

ご指導、ありがとうございます。試してみます。

Yahoo!ショッピング商品画像下のリンクバナー設置の方法について

カテゴリーから探す