背景画像(ドット)を設定する方法


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

 
  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をそのまま使われた場合は、予告なく非表示になる場合がございます。
 予めご注意くださいますよう、お願いいたします。