Yahoo!ショッピング　商品ページの表示について

Question

↓　こちらのショップさんのように商品画像の下に
トリプルで作成したhtmlを表示させたいのですが方法がわかりません。

大人気　今、売れ！コレクション　部分です。

http://store.shopping.yahoo.co.jp/realcube-yj/140717-c-01.html

またサイドにリンク付のバナーが表示されていますがそちらの設置方法も分かりません。

方法を教えていただけますでしょうか。

よろしくお願いします。

Answer

ECマスターズの田中です。


商品画像の下にトリプルで作成したhtmlを表示させる方法ですが、
商品情報の「ひと言コメント」欄の先頭（左上）にインラインフレームを設置し、
それを左下に移動させて、商品画像の下に配置させております。

「ひと言コメント」欄に埋め込むHTMLタグは、下記の通りです。

=====これより下の行から=================

  
    
  

=====これより上の行まで=================

上記タグの中で、
top: 250px; の「250」が、下方向に移動させる幅、
left: -320px; の「-320」が、右方向に移動させる幅（マイナスの場合左に移動します）、
width="310" の「310」が、html表示部分の横幅、
height="600" の「600」が、html表示部分の縦幅となりますので、
これらの数字を、htmlが綺麗に表示されるよう調整していただき、
【埋め込むページのURL】を、（【】も含めて）htmlのURLと置き換えることで、
htmlを表示させることができます。


サイドのリンク付バナーも、ほぼ同様の設置方法となり、
ストアデザイン > ヘッダー・看板 より、
フリースペース、もしくはタイプ３の看板の先頭に
下記のようにHTMLタグを埋め込んでいただきます。

=====これより下の行から=================

  

=====これより上の行まで=================

上記タグの中で、
top: 10px; の「10」が、下方向に移動させる幅、
left: 1050px; の「1050」が、右方向に移動させる幅、
width: 90px; の「90」が、バナー表示部分の横幅となります。
height: 7200px; の「7200」は、バナー表示部分の縦幅となりますので、
大半の商品ページに対応できる高さにご変更ください。
数字調整後、【リンク先のURL】をバナークリック時のジャンプ先のURLに、
【画像のURL】を、バナーとして使う画像のURLに
変更することで、サイドのバナーが設置できます。

Answer

解決しました。

ありがとうございます。

Yahoo!ショッピング 商品ページの表示について

Yahoo!ショッピング　商品ページの表示について