ICEテンプレートについて

画面いっぱいに広がるスライドショー・複数のバナーエリアで、自慢のアイテムをダイナミックに訴求できます。
食品や雑貨、インテリアのショップにオススメのテンプレートです。

推奨環境について

こちらのテンプレートは以下をブラウザ推奨環境としています。

Windows

• Internet Explorer 8.0（レスポンシブ非対応）、9.0、10.0、11.0
• Firefox 最新版
• Chrome 最新版

Macintosh

• Safari 最新版
• Firefox 最新版
• Chrome 最新版

テンプレート「ICE」の仕様

こちらのテンプレート「ICE」はレイアウト上いくつかの機能がご利用になれません。
あらかじめご了承ください。

• カテゴリー管理、グループ管理で登録した画像は設定いただきましても表示されません。
• テンプレートプラスの下記の機能は設定いただきましても表示されません。
  • イチオシ商品
  • 新着商品
  • トップページバナー

トップページ・400×300のバナー差し替え方法

1. 差替用のバナーを作成し、画像ファイル管理からファイルをアップロードします。
   サンプルサイトではバナーサイズが横400px×縦300pxになります。
   [ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
2. 作成したバナーを選択し[アップロード]ボタンをクリック。
3. ファイル確認から作成したバナーをクリックするとプレビュー画像と画像URLが表示されます。
   プレビュー画像が作成した差替用のバナーである事を確認します。
   1〜3を繰り返し、差替用のバナーを3つアップロードします。
4. アップロードが完了しましたら実際に差し替えていきます。
   [ショップ作成] → [デザイン設定] → ICEの[デザイン編集]からトップの[HTML/CSS編集]をクリック
5. 下記を変更します。変更箇所はページ内に1カ所
   （ページ内検索にて「トップページバナー - 差替箇所」で探すと便利です。

変更前

  <div class="banner__section carousel-slide">
    <ul class="banner-list row" data-carousel="banner">
      <li class="banner-list__unit">
        <a href="">
          <img src="//img.shop-pro.jp/tmpl_img/78/sample_banner.png" />
        </a>
      </li>
      ...（略）
      <li class="banner-list__unit">
        <a href="">
          <img src="//img.shop-pro.jp/tmpl_img/78/sample_banner.png" />
        </a>
      </li>
    </ul>
  </div>
  

変更後

  <div class="banner__section carousel-slide">
    <ul class="banner-list row" data-carousel="banner">
      <li class="banner-list__unit">
        <a href="こちらにリンク先URLを記入">
          <img src="こちらに画像URLをペースト" />
        </a>
      </li>
      ...（略）
      <li class="banner-list__unit">
        <a href="こちらにリンク先URLを記入">
          <img src="こちらに画像URLをペースト" />
        </a>
      </li>
    </ul>
  </div>