にほんブログ村 地域生活(街) 関西ブログ 洲本情報へ

 

※この記事は当ブログの備忘録です。下記記載の内容を実行する際は自己責任でお願いいたします。

YAHOOショッピングでサイドに縦型のバナーを設置する場合

①画像を追加する

ストアクリエーターpro→商品・画像・在庫→画像管理→追加

②HTMLを追加する

ストアクリエーターpro→商品・画像・在庫→ストアデザイン→サイドナビ→フリースペースに下記HTMLを追加

③反映

反映管理→反映

左側に設置する場合のHTML

<ul>
<li style="background-color:transparent;
background-image:url(縦バナー画像URL);background-repeat:repeat-
y;background-position:top
left;background-attachment:scroll;height:7000px;top:230px;z-index:auto;left:0px;position:absolute;width:80px;min-height:100%;visibility:visible;display:block;">
<a href="リンク先URLを入力" target="_blank"
style="display:block;min-height:100%;width:80px;visibility:visible;height:7000px;text-indent:-9999px;">
</a></li>
</ul>

 右側に設置する場合のHTML

<ul>
<li style="background-color:transparent;
background-image:url(縦バナー画像URL);background-repeat:repeat-
y;background-position:top right;background-attachment:scroll;height:7000px;top:230px;z-index:auto;right:0px;position:absolute;width:80px;min-height:100%;visibility:visible;display:block;">
<a href="リンク先URLを入力" target="_blank"
style="display:block;min-height:100%;width:80px;visibility:visible;height:7000px;text-indent:-9999px;">
</a></li>
</ul>

【画像URL】
◆商品画像
http://item.shopping.c.yimg.jp/i/l/ストアアカウント_商品コード

 

参考にさせていただいたサイト http://repo.oga-ria.com/yahoo-tateobi-1073.html

 

※この記事は当ブログの備忘録です。下記記載の内容を実行する際は自己責任でお願いいたします。

 

甘くて美味しい淡路島の新玉ねぎ買うなら

『淡路島からの贈り物 ものあわ』

にほんブログ村 地域生活(街) 関西ブログ 洲本情報へ