📘 公式リファレンス🔧 リファレンス/フィルター初級
avatar フィルター(顧客アバター画像HTML生成)
顧客アバターが存在する場合、それを表示する HTML タグを生成するフィルター。customer オブジェクトに対して使用する。
用途
顧客アカウントページやコメント欄、注文履歴など顧客を識別する箇所で、プロフィール画像を表示するとき。
設置場所
Liquid テンプレート内で `{{ customer | avatar }}` の形で使用すると、img タグが出力される。事前に `customer.has_avatar?` メソッドで画像の有無を確認してから出力すると安全。
注意点
顧客がアバター画像をアップロード・設定していない場合は空の文字列が返される。必ず `{% if customer.has_avatar? %}{{ customer | avatar }}{% endif %}` のように条件分岐してから出力する。返り値は HTML タグ文字列なので、エスケープ対象外。
仕様
19 行 / json{
"category": "customer",
"deprecated": false,
"deprecation_reason": "",
"description": "> Tip:\n> Use with the [`customer.has_avatar?`](/docs/api/liquid/objects/customer#customer-has_avatar?) method to determine if the customer has an avatar.\n\n```liquid\n{{ customer | avatar }}\n```",
"parameters": [],
"return_type": [
{
"type": "string",
"name": "",
"description": "",
"array_value": ""
}
],
"examples": [],
"summary": "Generates HTML to render a customer's avatar, if available.",
"syntax": "customer | avatar",
"name": "avatar"
}出典・ライセンス
- Repository:
- https://github.com/Shopify/theme-liquid-docs
- License:
- MIT
このコードは Shopify 著作の MIT ライセンスソースです。 原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。
関連項目
📘 公式リファレンス🔧 リファレンス/フィルター初級
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 行
📘 公式リファレンス🔧 リファレンス/フィルター初級
asset_url フィルター(CDN URLを取得)
テーマの assets ディレクトリ内のファイル(CSS、JavaScript、画像など)に対する Shopify CDN の絶対 URL を返すフィルター。
📁 theme-liquid-docs·MIT·30 行