検索ページ: セクションとブロック

デフォルトでは、テンプレート グループには 2 つのセクションが含まれています。

  1. 検索結果
  2. 最近見た

[セクションの追加]リストには、さらに最大 36 個のセクションを追加できます。

1. 検索結果

検索結果セクションの設定
セクション設定設定説明
検索結果
ページごとの商品検索後にページに表示される商品数を6件から50件に変更します。
デスクトップ上の列の数デスクトップブラウザに表示される列数をカスタマイズします: 2 列または4 列
モバイルの列数モバイルブラウザに表示される列の数をカスタマイズします: 1 列または2 列
フィルタリングと並べ替え
フィルタリングを有効にする

Search & Discovery アプリを使用してフィルターをカスタマイズします。 もっと詳しく知る

フィルターを表示できるようにします。
フィルターを折りたたむユーザーがフィルター オプションを非表示または表示できるようにします。
デスクトップフィルターレイアウト

もっと詳しく知る

顧客はナビゲーション設定のフィルターに基づいて検索結果をフィルターできるようになります。
色見本を有効にする

セットアップ手順を表示します

色見本を表示できるようにします。
並べ替えを有効にする顧客は以下に基づいて検索結果を並べ替えることができます。
  • 価格、低価格から高- 製品を最低価格から最高価格まで表示します。
  • 価格、高値から低値- 製品を最高価格から最低価格まで表示します。
ブログポストカード
タグを表示管理ブログ投稿のタグを画像付きで表示します。
カテゴリを表示カテゴリのリストを表示します(例:製品、コンテンツ...
上映日ブログ投稿の公開日を表示します。
コメント数を表示公開されたコメントの総数を表示します。
著者を表示ブログ投稿の作成者を表示します。
見出し
見出しのサイズ見出しのサイズは、 SmallMediumLarge 、またはExtralargeのいずれかのオプションに設定できます。
見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。
セクション
上部パディング下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。
セクション区切り線を表示このセクションの上に行区切りを表示します。
セクションを全幅にするコンテナを全幅にします。
断面を丸くする上の 2 つの角に丸いエッジを適用します。
カスタムCSSこのセクションにカスタム CSS を追加します。

利用可能なブロック:プロモーションブロック

1.5 プロモーションブロックの設定。

十分な商品が表示されない場合、ブロックが非表示になる場合があります。

ブロック設定設定説明
プロモーション
グリッド内の位置その列座標によって定義される位置。

たとえば、要素の列座標が 3 の場合、その要素はグリッドの 3 列目に配置されます。

画像断面画像を選択/アップロードします。
アイコンアイコンを選択/アップロードします。
見出しコラムのタイトル。
説明テキストは列を説明します。
ボタンラベルボタンに表示されるテキスト。
ボタンリンクボタンの URL。
デスクトップのコンテンツの位置デスクトップ上のコンテンツの位置を設定します。
  • 上中
デスクトップコンテンツの配置デスクトップ上のコンテンツの配置を設定します。
モバイルレイアウト
モバイル画像モバイルブラウザ上のプロモーションの画像。
モバイルコンテンツの位置モバイルブラウザ上のコンテンツの位置を設定します。
  • 上中
モバイルコンテンツの調整モバイルブラウザでのコンテンツの配置を設定します。

グラデーションを設定すると、単色が置き換えられます。

必要に応じて、次のセクションの色をカスタマイズできます。
  • 文章
  • ボタンのテキスト
  • ボタンの背景
  • ボタンの背景のグラデーション
  • オーバーレイは 0% から 100% まで調整できます。

2. 最近閲覧したもの

最近閲覧したセクションの設定
セクション設定設定説明
最近見た
最近の製品の数相補積の数は 2 ~ 12 の範囲です。
デスクトップ上の列の数デスクトップブラウザに表示される列数を1列から5列までカスタマイズします。
デスクトップでカルーセルを有効にするコレクションの製品のカルーセルをデスクトップ ブラウザーに表示します。
モバイルレイアウト
モバイルの列数モバイルブラウザに表示される列の数をカスタマイズします: 1 列または2 列
モバイルでスワイプを有効にする水平スワイプでモバイル表示を 1 行に設定します。
見出し
見出しセクションのタイトル。
見出しのサイズ見出しのサイズは、 SmallMediumLarge 、またはExtralargeのいずれかのオプションに設定できます。
見出しの配置見出しは、 LeftCenter 、またはRightに揃えることができます。
見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。
小見出し見出しの小見出しは見出しの上に配置されます。
説明見出しの説明テキストは見出しの下に配置されます。
ハイライトされたテキスト

アニメーションによるハイライトをテキストに追加するには、テキストを斜体で囲むだけです。エディターの「I」ボタンをクリックして、テキストを強調表示するときに斜体を切り替えます。

ハイライトされたテキスト次の 6 つのオプションから 1 つを選択して、テキストの書式を設定します。
  • 文字の色
  • 文字の背景色
  • 派手な下線
  • 通常の下線
  • ステンシルテキスト
  • 手描きの落書き
ハイライトされた落書き

強調表示されたテキスト スタイルを[手書きの落書き] に設定する必要があります。

この設定では、テキストを強調表示する 5 つの方法が提供されます。
  • 基本的な下線
  • スケッチの下線
  • 波線の下線
  • 波線の下線 2

グラデーションを設定すると、単色が置き換えられます。

必要に応じて、次のセクションの色をカスタマイズできます。
  • 文章
  • 背景
  • 背景のグラデーション
  • ハイライト
  • ハイライトグラデーション
  • ボタンのテキスト
  • ボタンの背景
  • ボタンの背景のグラデーション
セクション
上部パディング下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。
セクション区切り線を表示このセクションの上に行区切りを表示します。
セクションを全幅にするコンテナを全幅にします。
断面を丸くする上の 2 つの角に丸いエッジを適用します。
カスタムCSSこのセクションにカスタム CSS を追加します。

このセクションにはブロックを追加できません。

この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。