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

shopify_asset_url フィルター（Shopifyグローバルアセット CDN URL を取得）

Shopify が提供する共有 JavaScript・CSS ファイル（option_selection.js、shopify_common.js など）の CDN URL を生成するフィルター。ファイル名を指定すると、Shopify CDN 上の完全な URL を返す。

用途

テーマ内で Shopify 標準ライブラリ（jQuery、顧客関連スクリプト、通貨フォーマット等）を読み込むときに、相対 URL ではなく確実に CDN から取得するために使う。

設置場所

theme.liquid や section ファイルの `<script>` や `<link>` タグ内で `{{ 'option_selection.js' | shopify_asset_url }}` のように書き、href や src 属性に出力する。

注意点

対応ファイルは `option_selection.js`、`api.jquery.js`、`shopify_common.js`、`customer_area.js`、`currencies.js`、`customer.css` に限定される。テーマ独自のアセットファイル（theme.js、style.css など）には使えず、それらは `asset_url` フィルターを使う。CDN キャッシュを活用するため、jQuery や顧客機能が不要ならこれらのファイル読み込みを削除してパフォーマンスを改善できる。

タグ:filterassetcdnshopify-hostedjavascriptcss

仕様

30 行 / json

{
  "category": "hosted_file",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "The following are the globally accessible Shopify assets:\n\n- `option_selection.js`\n- `api.jquery.js`\n- `shopify_common.js`\n- `customer_area.js`\n- `currencies.js`\n- `customer.css`",
  "parameters": [],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/",
      "raw_liquid": "{{ 'option_selection.js' | shopify_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 globally accessible Shopify asset.",
  "syntax": "string | shopify_asset_url",
  "name": "shopify_asset_url"
}

出典・ライセンス

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

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

shopify_asset_url フィルター（Shopifyグローバルアセット CDN URL を取得）

仕様

出典・ライセンス

関連項目

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

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

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

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

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

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