ページ一覧13

Shiori · Docs

コレクションと検索 / Collections and search

日本語

商品の一覧(コレクション)

  • 設定: パンくず、コレクションの説明と画像の表示、1ページの商品数、列の数(大きい画面・スマホ)、絞り込み、並び替え
  • 絞り込みの項目(在庫・価格・種類など)は、Shopify の Search & Discovery アプリで設定します
  • 絞り込みや並び替えを変えると、ページを読み直さずに商品と URL が変わります

商品カード

  • カードの中身はブロックで並べ替えられます: 画像・バッジ・ブランド名・商品名・価格・評価・カスタム Liquid・アプリ
  • テーマエディタでカードを直すと、そのセクションのすべてのカードに入ります
  • 価格に「税込」を添えられます(税込の価格で販売しているとき)
  • 評価は、レビューアプリが Shopify の標準のレビュー情報(商品メタフィールド reviews.rating・reviews.rating_count)に書き込んでいると星で出ます

検索

  • 検索ページにも絞り込みと並び替えがあります。商品・ページ・記事を検索します
  • ヘッダーの検索を開くと、文字を打つたびに候補が出ます
  • Shopify の予測検索は日本語に対応していないため、日本語のページでは通常の検索の結果から候補を出します。英語など対応している言語では予測検索を使います

English

Product grid (collections)

  • Settings: breadcrumbs, collection description and image, products per page, columns (large screens and phones), filtering, and sorting
  • Set up filters (availability, price, product type, and more) in Shopify's Search & Discovery app
  • Changing filters or sorting updates the products and the URL without reloading the page

Product cards

  • Arrange the card's blocks: image, badges, vendor, title, price, rating, custom Liquid, and apps
  • Changes you make to a card in the theme editor apply to every card in that section
  • The price can show a tax-included note when your prices include tax
  • Ratings appear as stars when your review app writes Shopify's standard review metafields (reviews.rating and reviews.rating_count)
  • The search page also has filtering and sorting. It searches products, pages, and blog posts
  • The search in the header shows suggestions as shoppers type
  • Shopify's predictive search doesn't support Japanese, so on Japanese pages Shiori builds suggestions from regular search results. In supported languages such as English, it uses predictive search