Liquid Snippets by ALSEL
📘 公式リファレンス📦 リファレンス/オブジェクト初級

brand オブジェクト

ストアのブランドアセット(ロゴ、キャッチフレーズ、ブランドカラー、SNS リンク)にアクセスするオブジェクト。Shopify 管理画面の「ブランド設定」で構成された情報を Liquid で参照できる。

用途
ヘッダー・フッターにブランドロゴを動的に配置したり、メタフィールドから SNS リンクを取得してソーシャルアイコンを出力したり、ブランドカラーを CSS 変数として注入するときに使う。
設置場所
Liquid テンプレート内で `{{ shop.brand.logo }}` のようにロゴ、`{{ shop.brand.slogan }}` でキャッチフレーズ、`{{ shop.brand.metafields.social_links.instagram.value }}` で SNS リンクなどを参照する。
注意点
social_links はメタフィールドで管理されており、アクセス前に Shopify 管理画面の「ブランド設定」でプラットフォーム(Instagram、Facebook など)を登録しておく必要がある。colors プロパティの詳細については brand_color オブジェクトを参照する。favicon_url と cover_image は両方とも正方形ロゴを指すため、用途の違いはないと判定する。
タグ:brandassetlogometafieldshop

仕様

155 行 / json
{
  "access": {
    "global": false,
    "parents": [
      {
        "object": "remote_shop",
        "property": "brand"
      },
      {
        "object": "shop",
        "property": "brand"
      }
    ],
    "template": []
  },
  "deprecated": false,
  "deprecation_reason": "",
  "description": "",
  "properties": [
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "string",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The slogan for the brand.",
      "name": "slogan"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "string",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "A short description of the brand.",
      "name": "short_description"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "image",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The square logo for the brand, resized to 32x32 px.",
      "name": "favicon_url"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "image",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The square logo for the brand, resized to 32x32 px.",
      "name": "cover_image"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "image",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The default logo for the brand.",
      "name": "logo"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "image",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The square logo for the brand.",
      "name": "square_logo"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "To learn about how to access brand colors, refer to [`brand_color`](/docs/api/liquid/objects/brand_color).",
      "examples": [],
      "return_type": [],
      "summary": "The brand's colors.",
      "name": "colors"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "Social links are stored in [metafields](/docs/api/liquid/objects/metafield), and can be accessed using the syntax `shop.brand.metafields.social_links.<platform>.value`.\n\n| Platforms |\n| --- |\n| `facebook` |\n| `pinterest` |\n| `instagram` |\n| `tiktok` |\n| `tumblr` |\n| `snapchat` |\n| `vimeo` |",
      "examples": [
        {
          "name": "Access social links",
          "description": "",
          "syntax": "",
          "path": "/",
          "raw_liquid": "{{ shop.brand.metafields.social_links.twitter.value }}\n{{ shop.brand.metafields.social_links.youtube.value }}",
          "parameter": false,
          "display_type": "text",
          "show_data_tab": true
        }
      ],
      "return_type": [],
      "summary": "The social links for the brand.",
      "name": "metafields"
    }
  ],
  "summary": "The [brand assets](https://help.shopify.com/manual/promoting-marketing/managing-brand-assets) for the store.",
  "name": "brand",
  "examples": [],
  "json_data": {
    "path": "/",
    "handle": "shop.brand",
    "data_from_file": ""
  },
  "return_type": []
}

出典・ライセンス

License:
MIT

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

関連項目

📘 公式リファレンス📦 リファレンス/オブジェクト初級

content_for_header オブジェクト

Shopify が必要とするスクリプト(分析・チェックアウト・言語設定など)をすべて動的に出力するオブジェクト。theme.liquid の <head> タグ内に埋め込む必須要素。

📁 theme-liquid-docs·MIT·20
📘 公式リファレンス📦 リファレンス/オブジェクト中級

metaobjects オブジェクト

ストア全体のメタオブジェクト定義にアクセスするグローバルオブジェクト。個別のメタオブジェクトはタイプとハンドルで参照でき、メタオブジェクト定義のエントリをループで反復処理できる。

📁 theme-liquid-docs·MIT·20
📘 公式リファレンス📦 リファレンス/オブジェクト初級

additional_checkout_buttons オブジェクト

PayPal Express Checkout など、オフサイト決済に対応した外部決済プロバイダーがストアに設定されているかを真偽値で返す。`content_for_additional_checkout_buttons` と組み合わせて、該当するチェックアウトボタンを条件付きで表示する。

📁 theme-liquid-docs·MIT·27
📘 公式リファレンス📦 リファレンス/オブジェクト初級

canonical_url オブジェクト

現在のページの正規 URL を取得するオブジェクト。Google などの検索エンジンに対してどのページ版が正規であるかを指定するために使用する。

📁 theme-liquid-docs·MIT·27
📘 公式リファレンス📦 リファレンス/オブジェクト初級

content_for_index オブジェクト

ホームページに表示するセクションの内容を動的に返すオブジェクト。Liquid インデックステンプレートで必ず使用する。

📁 theme-liquid-docs·MIT·27
📘 公式リファレンス📦 リファレンス/オブジェクト初級

content_for_additional_checkout_buttons オブジェクト

PayPal、Apple Pay、Google Pay など複数の決済プロバイダが有効になっているとき、その決済ボタンを HTML として出力するオブジェクト。`additional_checkout_buttons` で有無を判定したうえで、このオブジェクトで実際のボタンを表示する。

📁 theme-liquid-docs·MIT·27