商品一覧フリースペースの効果的な使用方法

商品一覧ページのフリースペースを活用することでカテゴリー・グループにアイキャッチ画像を設置する事ができます。(サンプルショップのカテゴリーページ例

設置例
  1. 商品一覧のアイキャッチ用画像を作成し、画像ファイル管理からファイルをアップロードします。サンプルサイトではバナーサイズが横800px×縦150pxになります。
    [ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
  2. 作成したバナーを選択し[アップロード]ボタンをクリック。
  3. ファイル確認から作成した画像をクリックするとプレビュー画像と画像URLが表示されます。プレビュー画像が作成したアイキャッチ用画像である事を確認します。
    1〜3を繰り返し、アイキャッチ用画像を必要数分アップロードします。
  4. アップロードが完了しましたら実際に設置していきます。(こちらはカテゴリー用に設置する方法になります。)
    [商品管理] → [カテゴリー管理] → 該当のカテゴリーの[修正]ボタンをクリック
  5. [フリースペース設定]をクリックし、[PC用フリースペース 1]に以下を記入します。

    記入:画像ファイル管理からアイキャッチ用画像をクリックします。画像URLが表示されますのでコピーし、「こちらに画像URLをペースト」へペーストします。
    <img src="こちらに画像URLをペースト" alt="カテゴリー名" />
    カテゴリー名には設置するカテゴリーの名称を記入します。
  6. 記入しましたら、[保存]ボタンをクリック。
  7. サイトにアクセスして設置が反映されている事を確認します。