Liquid Snippets by ALSEL
📘 公式リファレンス🔧 リファレンス/フィルター中級

within フィルター(コレクション内の商品URL生成)

商品 URL にコレクションコンテキストを付加し、コレクション経由でアクセスされたときの URL を生成する。コレクションページから商品詳細ページへリンクするときに使う。

用途
コレクションページに掲載された商品をクリックしたとき、戻るボタンやパンくずでコレクション一覧に戻れるようにするため、商品 URL にコレクション情報を埋め込みたい場合。
設置場所
product.liquid などの商品テンプレート内で、`{{ product.url | within: collection }}` の形で使う。コレクション経由の商品ページであれば collection オブジェクトが自動的に利用可能。
注意点
このフィルターを使うと、同じ商品でも複数のコレクション URL が生成され、同一内容の URL が複数存在することになるため、SEO に悪影響(重複コンテンツ判定)を招く可能性がある。canonical タグで正規 URL を明示するか、どうしても必要な場合は robots.txt で非表示にするなどの対策が必須。
タグ:collectionurlproductnavigationliquid-filter

仕様

30 行 / json
{
  "category": "collection",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "When the collection context is included, you can access the associated [`collection` object](/docs/api/liquid/objects/collection)\nin the [product template](/themes/architecture/templates/product).\n\n> Caution:\n> Because a standard product page and a product page in the context of a collection have the same content on separate\n> URLs, you should consider the SEO implications of using the `within` filter.",
  "parameters": [],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/collections/sale-potions",
      "raw_liquid": "{%- assign collection_product = collection.products.first -%}\n\n{{ collection_product.url | within: collection }}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "summary": "Generates a product URL within the context of the provided collection.",
  "syntax": "string | within: collection",
  "name": "within"
}

出典・ライセンス

License:
MIT

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

関連項目

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

avatar フィルター(顧客アバター画像HTML生成)

顧客アバターが存在する場合、それを表示する HTML タグを生成するフィルター。customer オブジェクトに対して使用する。

📁 theme-liquid-docs·MIT·19
📘 公式リファレンス🔧 リファレンス/フィルター初級

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

form.errors の各エラーコードに対応する既定のエラーメッセージを自動生成するフィルター。フォーム送信時の入力値不正や必須項目空白などのエラーを言語別に出力する。

📁 theme-liquid-docs·MIT·19
📘 公式リファレンス🔧 リファレンス/フィルター初級

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

日付値を指定されたフォーマット文字列に従って整形する。フォーマット文字列が空の場合は元の値がそのまま返される。入力が日付に変換できない場合も元の値が返される。

📁 theme-liquid-docs·MIT·19
📘 公式リファレンス🔧 リファレンス/フィルター初級

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

product フォームまたは cart フォームに対して使用し、Shop Pay の分割払いオプションを表示するための HTML を生成するフィルター。顧客が購入時に分割払いプランを選択できるようにする。

📁 theme-liquid-docs·MIT·19
📘 公式リファレンス🔧 リファレンス/フィルター初級

abs フィルター(数値の絶対値を取得)

負の数を正の数に変換する。数値の絶対値(ゼロからの距離)を返すフィルター。

📁 theme-liquid-docs·MIT·30
📘 公式リファレンス🔧 リファレンス/フィルター初級

append フィルター(文字列の末尾に追加)

文字列の末尾に別の文字列を連結するフィルター。URL パスの結合やテキストの接尾辞追加に使う。

📁 theme-liquid-docs·MIT·30