ここから本文です
掲載日:2020年09月15日

トップページパーツ:おすすめ商品

【ご注意】
本ページで説明の機能は、2021年1月廃止予定です。
お早めに「新ストアデザイン」への切り替えを実施くださいますようお願いいたします。
「新ストアデザイン」に関するご案内 (実施概要、スケジュールのご確認)
「新ストアデザイン」対応のマニュアルよくある質問
「ストアデザイン」と「新ストアデザイン」の新旧パーツ比較一覧

このページでは、トップページに表示できる「おすすめ商品」パーツについて説明します。
おすすめ商品パーツを使うと、おすすめしたい商品へのリンクを商品画像つきで表示することができます。

表示例

  • 大きいサイズ・タイプ1表示例
  • キャプチャ画像615px
  • 大きいサイズ・タイプ2表示例
  • キャプチャ画像615px
  • 大きいサイズ・タイプ3表示例
  • キャプチャ画像615px
  • 大きいサイズ・タイプ4表示例
  • キャプチャ画像615px
  • 大きいサイズ・タイプ5表示例
  • キャプチャ画像615px
  • ハーフサイズ・タイプ1表示例
  • キャプチャ画像308px
  • ハーフサイズ・タイプ2表示例
  • キャプチャ画像308px

編集方法

トップページのおすすめ商品パーツは、大きいサイズとハーフサイズの2種類があります。

1
パターン選択

表示タイプを選択します。

2
タイトルの表示方法

タイトルの表示方法を選択します。

3
タイトルの編集

2 で選択したタイトルの表示方法に合わせ、タイトルの編集を行います。

シンプル 「タイトル」に入力します。
画像 「画像」で任意の画像をアップロードし、「タイトル」を入力します。
HTML 「HTML」にタイトルとして表示したい内容を記述します。
4
一言コメント

「ひと言コメント」を表示させたい場合は、[表示]にチェックを入れます。

5
詳しく設定する

ストアデザインの「全体の設定」で設定に色ではなく、このパーツのみ別の色にしたい場合は、[詳しく設定する]をクリックして色の設定をします。

ヒント
表示する「おすすめ商品」の設定は、「ページ編集」の「トップページ編集」ページで行います。

仕様

大きなサイズ、ハーフサイズ共通
  • 20商品まで表示できます。
  • 存在する商品のみが表示され、入力欄を詰めずに入力した場合は、空欄の個所は詰めて表示されます。
  • 商品が1つも設定されていない場合、正しい商品が1つも設定されていない場合は、パーツ自体が非表示となります。
  • 表示項目は変更できません。「ひと言コメント」のみ表示/非表示の設定ができます。
  • 「ひと言コメント」を「表示」とした場合は、「商品ページ編集」ページの「ひと言コメント」に入力された内容がそのまま表示されます。
  • 商品画像がない場合は「画像がありません」画像が表示されます。
  • 価格は購入できる価格1つのみが表示されます。
ハーフサイズのみ
  • 横幅の変更はできません。大きいサイズの約1/2幅で表示されます。
大きなサイズ・タイプ1
  • 横に3商品ずつ表示されます。
  • 商品画像は縦106ピクセル、横106ピクセルに収まるようサイズ調整され表示されます。
  • 商品名はそのまま(省略されず)表示されます。
大きなサイズ・タイプ2
  • 横に4商品ずつ表示されます。
  • 商品画像は縦106ピクセル、横106ピクセルに収まるようサイズ調整され表示されます。
  • 商品名はそのまま(省略されず)表示されます。
大きなサイズ・タイプ3
  • 横に5商品ずつ表示されます。
  • 商品画像は縦106ピクセル、横106ピクセルに収まるようサイズ調整され表示されます。
  • 商品名はそのまま(省略されず)表示されます。
大きなサイズ・タイプ4
  • 横に3商品ずつ表示されます。
  • 商品画像は縦76ピクセル、横76ピクセルに収まるようサイズ調整され表示されます。
  • 商品名は全角15文字目までが表示されます。
大きなサイズ・タイプ5
  • 横に4商品ずつ表示されます。
  • 商品画像は縦76ピクセル、横76ピクセルに収まるようサイズ調整され表示されます。
  • 商品名は全角15文字目までが表示されます。
ハーフサイズ・タイプ1
  • 縦106ピクセル、横106ピクセルに収まるようサイズ調整され表示されます。
  • 商品名は全角20文字目までが表示されます。
ハーフサイズ・タイプ2
  • 縦132ピクセル、横132ピクセルに収まるようサイズ調整され表示されます。
  • 商品名は全角15文字目までが表示されます。

ストアデザイン

よくある質問 素材集
本文はここまでです このページの先頭へ