楽天市場、ヤフーショッピングなどのモールや、本店、自社型店舗のECサイト支援|楽天ビジネスエリア賞、ヤフーコマースパートナー賞受賞|店舗構築、制作、デザイン、コンサルティング、運営代行などネットショップのワンストップソリューションを提供

小さな会社のためのECサイトプロデュース|ブレイントラスト

  • Yahoo!コマースパートナーBest Store Awards 2020特別賞
  • Yahoo!コマースパートナー認定

ヤフーショッピングストアで、商品画像の下のスペースを利用して、オリジナルのバナーを設置しているお店がありました。管理画面では入力する所が無く、CSSを利用していると思うのですが、どのような方法で設置しているのでしょうか?

CSSをを利用するので、トリプルを契約していることが前提です。方法は、商品ページの「ひと言コメント」フォームを、利用します。CSSは#CentItemInfo2にクラスなどのセレクタを当てはめ下記ソースを入れて下さい。

例)#CentItemInfo2 .test {

width: 300px;

position: absolute;

top: 420px;

left: 0px;

display: block;

}

一言コメントのフォームには下記ソースを入れてください。

<img src=”http://shopping.geocities.jp/ストアID/商品画像名” class=”test”></a>

この方法で、表示させることが出来ます。