ワンプレート ホワイト（無料版） | サンプルショップ

背景画像（ドット）を設定する方法

テンプレートの初期設定では、背景画像にドット柄が入っておりません。
サンプルショップのように背景をドット柄にしたい場合は、以下の手順で設定ください。

 

1. 下記サンプルショップの画像URLにアクセスし、お客様のPC環境に画像をダウンロード（保存）する。
      ※右クリックで保存するか、ドラッグ＆ドロップで保存してください
      
   https://img07.shop-pro.jp/PA01255/130/etc/accessory_back.png?cmsp_timestamp=20171225163300
2. 保存した画像をお客様の[画像ファイル管理]にアップロードする。
   
   　【アップロード方法】
   　管理者ページにログインの上、「参照」から画像を選択し「アップロード」をクリック
   　
   　▼管理者ページ−画像ファイル管理（※要ログイン）
   　http://admin.shop-pro.jp/?mode=file_manage
   
    　アップロードしたファイルを選択し下に表示される
   　「|| URLコピー ||  プレビュー画像のURLをコピーします。」のURLをコピーします。
3.  [ショップ作成] → [デザイン設定] → ワンプレート ホワイトの[デザイン編集]から共通の[HTML/CSS編集]クリック
   CSS編集エリア内の下記を変更します。
   
   変更前：68行目〜72行目

   body {
     font: 13px/1.231 arial,helvetica,clean,sans-serif;
     *font-size: small; /* for IE */
     *font: x-small; /* for IE in quirks mode */
   }
   

   変更後： 【ここに画像のURLを挿入してください】にコピ−したURLを貼り、 [プレビュー]より反映されているかご確認ください。

   body {
     font: 13px/1.231 arial,helvetica,clean,sans-serif;
     *font-size: small; /* for IE */
     *font: x-small; /* for IE in quirks mode */
     background:transparent url(ここに画像のURLを挿入してください) left top repeat;
   }
   

4. 問題がなければ、[保存]ボタンをクリック

【注意事項】
・背景画像は必ず、お客様の画像ファイル管理にアップロードしてご利用ください。
・サンプルショップの画像URLをそのまま使われた場合は、予告なく非表示になる場合がございます。
　予めご注意くださいますよう、お願いいたします。