0

yahoo!ショッピングデザインカスタマイズ

—————————————————————————————————-

HTMLで自由なページを作りたい

htmlはフリースペースと呼ばれる箇所のみ入れられます。

内部cssしかできませんので<div style=”color: #EF597B;margin-bottom: 20px;”>ここに文章がはいる</div>

の書き方をします。

外部cssやjavascriptは入れられません。

有料オプションサービス「トリプル」を利用すると自由にjavascriptやhtmlが使えるページにランクアップできるようです。

画像は、商品以外の画像は全て、画像管理のフォルダリストの点線で区切られた下の段に登録していきます。

画像のパスはこちらに変えます。

<img src=”http://lib2.shopping.srv.yimg.jp/lib/ショップ名/画像名.jpg” />

—————————————————————————————————-

■サイドナビのタイトルをテキストではなく画像にしたい

サイドナビのタイトルは横200px縦自由で作ります。

それを登録します。

—————————————————————————————————-

■サイドナビの「ストア内商品カテゴリ」パーツを、テキストではなく画像にしたい

カテゴリナビ用の画像を横198pxで(縦は自由)作って必要な個数登録しておきます。

(1)ページ編集→画像にしたいカテゴリに行く→編集をクリック

[参照]ボタンを 押して「画像選択」パネルから選択します。

(2)ストアデザイン→サイドナビのタブをクリック→ストア内商品カテゴリを選択

タイプ3を選択して更新

—————————————————————————————————-

■商品画像を登録したい

600px × 600px  72dpiで用意するとぴったりです

画像管理のフォルダリストの上の段で該当カテゴリを探し、そこに登録していきます。

その他の画像は画像管理のフォルダリストの点線で区切られた下の段に登録していきます。

—————————————————————————————————-

■グローバルナビを画像にしたい

グローバルナビ用の画像を用意して登録しておく。横サイズは950pxをナビの数で割った幅で作ります。ただしliの右にmarginが3px入っているのでその分を引く。(縦サイズは自由)

(1)ストアデザイン→ヘッダー→ストアサービス

(2)下にボタン画像を登録する

—————————————————————————————————-

■コンテンツ内の新着情報のタイトルを画像にしたい

横730px、縦自由サイズで画像を作っておく。

それをストアデザインの所で登録する。

0

しろうと写真をきれいな商品写真にしよう

自分で撮ったこの写真を

cup

 

これにしましょう。

cup-d

 

 

?かげ

 

実物と商品画像の色とを出来るだけ合わせる努力はデザイナーには必要です。しかし、訪問されたお客様の

モニターにより環境は異なるため、完全に合わせるのは不可能です。ですので、ネットショップを開くときには

「※画面上の色はブラウザや設定により、実物とは異なる場合があります。ご了承の上ご注文下さい。」と注意書きを一文添えましょう。