【Shopify.dev和訳】Themes/Architecture/Settings/Sidebar settings
この記事について
この記事は、Themes/Architecture/Settings/Sidebar settingsの記事を和訳したものです。
記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
サイドバーの設定
サイドバーの設定は値を保持できず、構成できません。これらは、入力設定に関する詳細を提供し、それらを整理するために使用できる情報要素です。
サイドバーの設定は、標準の属性で構成されています。サイドバー設定の種類は次のとおりです。
標準属性
以下は、サイドバー設定全体の標準属性です。
| 属性 | 説明 | 必須 |
|---|---|---|
type |
入力設定タイプ。ヘッダーまたは段落のいずれかです。 | はい |
content |
テーマエディタに表示される設定内容。 | はい |
ヘッダー
タイプヘッダーの設定は、入力設定をより適切に整理するのに役立つheader要素を出力します。たとえば、次の設定は次の出力を生成します。
{
"type": "header",
"content": "Announcement bar"
}
出力
段落
paragraphタイプの設定は、入力設定をより適切に説明するのに役立つテキスト要素を出力します。たとえば、次の設定は次の出力を生成します。
{
"type": "paragraph",
"content": "All of your collections are listed by default. To customize your list, choose 'Selected' and add collections."
}
出力
リンクを作成する
次のパターンを使用して、info設定属性へのリンクを追加できます。
[link text](link URL)
たとえば、次の設定は次の出力を生成します。
{
"type": "checkbox",
"id": "enable_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/online-store/themes/dynamic-checkout)",
"default": true
},
出力
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Discussion