📘 公式リファレンス🔧 リファレンス/フィルター初級

sort_by フィルター（URL にソート条件を追加）

コレクション URL にソート条件を追加するフィルター。手動、売上順、商品名昇順・降順、価格昇順・降順、作成日昇順・降順から選べる。

用途

コレクションページで「価格が安い順」「新着順」などのソート選択肢をリンク化するとき、各リンク先の URL にソート条件をクエリパラメータとして埋め込む。

設置場所

コレクションテンプレートやセクション内で `{{ collection.url | sort_by: 'best-selling' }}` の形で使用。指定したソート条件がクエリ文字列に追加された URL が出力される。

注意点

このフィルターは `collection.url` プロパティに対してのみ機能する。指定可能な値は `manual`、`best-selling`、`title-ascending`、`title-descending`、`price-ascending`、`price-descending`、`created-ascending`、`created-descending` の8種類。`url_for_type` フィルターや `url_for_vendor` フィルターと組み合わせることも可能。

タグ:collectionsorturlfilter

仕様

30 行 / json

{
  "category": "collection",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "Accepts the following values:\n\n- `manual` (as defined in the [collection settings](https://help.shopify.com/manual/products/collections/collection-layout#change-the-sort-order-for-the-products-in-a-collection))\n- `best-selling`\n- `title-ascending`\n- `title-descending`\n- `price-ascending`\n- `price-descending`\n- `created-ascending`\n- `created-descending`\n\n&gt; Tip:\n&gt; You can append the `sort_by` filter to the [`url_for_type`](/docs/api/liquid/filters/url_for_type)\n&gt; and [`url_for_vendor`](/docs/api/liquid/filters/url_for_vendor) filters.",
  "parameters": [],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/collections/sale-potions",
      "raw_liquid": "{{ collection.url | sort_by: 'best-selling' }}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "summary": "Generates a collection URL with the provided `sort_by` parameter appended.\nThis filter must be applied to the object property [`collection.url`](https://shopify.dev/docs/api/liquid/objects/collection#collection-url).",
  "syntax": "string | sort_by: string",
  "name": "sort_by"
}

出典・ライセンス

Source:: Shopify/theme-liquid-docs/data/filters.json
Repository:: https://github.com/Shopify/theme-liquid-docs
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

sort_by フィルター（URL にソート条件を追加）

仕様

出典・ライセンス

関連項目

avatar フィルター（顧客アバター画像HTML生成）

default_errors フィルター（フォーム送信エラーを日本語化）

date フィルター（日付を指定形式でフォーマット）

payment_terms フィルター（Shop Pay分割払いバナーを生成）

abs フィルター（数値の絶対値を取得）

append フィルター（文字列の末尾に追加）