📘 公式リファレンス🔧 リファレンス/フィルター初級
asset_url フィルター（CDN URLを取得）
テーマの assets ディレクトリ内のファイル（CSS、JavaScript、画像など）に対する Shopify CDN の絶対 URL を返すフィルター。
用途
JavaScript や CSS ファイルを読み込むときに、環境に応じた正しい CDN パスを自動で生成する。
設置場所
{{ 'cart.js' | asset_url }} のように、ファイル名を文字列で指定して Liquid 内で使用する。
注意点
アセットファイルは theme.zip の assets/ ディレクトリに格納されていることが前提。開発環境では myshopify.com ドメイン、本番環境ではカスタムドメイン向けに自動で URL が切り替わるため、パスのハードコーディングは不要。
仕様
30 行 / json{
"category": "hosted_file",
"deprecated": false,
"deprecation_reason": "",
"description": "",
"parameters": [],
"return_type": [
{
"type": "string",
"name": "",
"description": "",
"array_value": ""
}
],
"examples": [
{
"name": "",
"description": "",
"syntax": "",
"path": "/",
"raw_liquid": "{{ 'cart.js' | asset_url }}",
"parameter": false,
"display_type": "text",
"show_data_tab": true
}
],
"summary": "Returns the [CDN URL](/themes/best-practices/performance/platform#shopify-cdn) for a file in the\n[`assets` directory](/themes/architecture#assets) of a theme.",
"syntax": "string | asset_url",
"name": "asset_url"
}出典・ライセンス
- Repository:
- https://github.com/Shopify/theme-liquid-docs
- 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 行