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!ショッピング　商品ページの表示について