検索ページ

検索ページでは、お客様がオンラインストア内で特定の商品、ページ、またはブログ記事を検索して見つけることができます。

デフォルトでは、検索ページにはテーマエディタでの [検索結果] セクションが含まれています。

検索結果のセクションの設定

検索ページの検索結果セクションの設定
設定説明
デスクトップでの列数デスクトップコンピューターで表示する検索結果の列数を設定します。1~6の数字を選択してください。
画像比検索結果に表示される商品の記事のサムネイルの画像比を設定します。次のオプションから選択します。
  • 画像に合わせる - 画像のアスペクト比を使用します。この比率を使用すると、画像がトリミングされないようになります。
  • 縦長 - 画像を2:3の比率で使用できるようにトリミングします。
  • 正方形 - 画像を1:1の比率で使用できるようにトリミングします。
画像の形状商品画像の形状を次から1つ選択します。
  • デフォルト - 商品画像を長方形に変更します。
  • アーチ ‐ 商品画像の上部に丸みを持たせます。
  • ブロブ ‐ 商品画像を6つの不揃いな形状 (ブロブ) の1つに変更します。マウスオーバーするとユニークなアニメーションが表示されます。
  • 左向き山形印 - 商品画像を左側に尖りがある山形に変更します。
  • 右向き山形印 - 商品画像を右側に尖りがある山形に変更します。
  • ひし形 - 商品画像をひし形に変更します。
  • 平行四辺形 - 商品画像を向かい合う2辺が平行な平行四辺形に変更します。
  • 丸形 - 商品画像を円形または楕円形に変更します。マウスオーバーするとユニークなアニメーションが表示されます。
マウスオーバー時に2番目の画像を表示するお客様がデスクトップコンピューターで商品画像にカーソルを合わせると、商品に2枚目の商品画像がある場合は、その画像が表示されます。
販売元を表示する各商品の販売元を表示します。
商品の評価を表示商品の平均評価を星印で、レビュー数を括弧内に表示します。例:★★★★★ (8)。これには商品レビューアプリも必要であり、メタフィールド定義reviews.rating_countreviews.ratingに対して必要です。
絞り込みを有効にするお客様に検索結果を絞り込むオプションを提供する場合は、このオプションを選択します。
デスクトップの絞り込みレイアウトデスクトップコンピューターでの絞り込みの表示方法を設定します。[水平][垂直][ドロワー] のレイアウトから選択します。
並べ替えを有効にするお客様に検索結果の表示順をソートするオプションを提供する場合は、このオプションを選択します。
日付を表示する検索結果のブログ記事の場合、このオプションではブログ記事が公開された日付が表示されます。
筆者を表示する検索結果のブログ記事の場合、このオプションではブログ記事の執筆者が表示されます。
モバイルでの列数モバイルデバイスで表示する検索結果の列数を設定します。1列または2列から選択します。
上部の余白セクションの上部の余白の量を設定します。
下部の余白セクションの下部の余白の量を設定します。

[検索結果] セクションの設定に加え、検索動作用のテーマ設定の一部を表示およびカスタマイズし、独自のセクション固有のカスタムCSSを追加することもできます。

お探しの情報が見つかりませんか?いつでもお気軽にお問い合わせください。