ストアフロントのカスタマイズを望んでいるクライアントには,クリエイティブな管理方法を提供しましょう。Shopify★★★★★★Shopifyテーマを強力にパーソナライズすることができますので,ベストプラクティスを参照して効果を高めるように活用すれば,クライアントに多様なオプションを提供できます。
Shopifyテーマをゼロから作成する場合や,クライアントのために既存テーマを修正する場合には,異なるタイプのセクションが必要になりますが,内容は文脈によって違ってきます。さらに,お客さまはユーザーフレンドリーで直感的な利用体験を期待しているため,適切な場所に最適なセクションが配置されていることがコンバージョンに大きく影響します。
この記事では,さまざまなタイプのテーマセクションを作成する方法と,使用時のルールを確認します。。啊哈，“”黎明」のセクションをいくつか参考にして,現実的なシナリオ下でどのようにセクションが活用できるかを見ていきます。
主题板块?
【中文】:部分(セクション）はマーチャントがカスタマイズできるShopify。セクション?商品ページの基本要素やスライドショーのコンポーネントなど、Shopify。
★★★★★★★★★★★★★设置类型> > > > > > > > > >たとえばテキスト入力や画像ピッカー,カスタム超文本标记语言とメニューなどがあり,マーチャントはテーマエディターでこれらをカスタイズして独自のコンテンツを当てはめることが可能です。
セクションは,テーマディレクトリの/部分? ? ? ? ?ヘッダーやフッターといったテーマのレイアウトファイルに静的に含めるか,テーマエディターでテンプレートに動的に追加することができます。セクションとして使えるコンポーネントの多様性をざっとつかむには,黎明の/sections。
欧宝体育官网入口首页网上商店2.0のローンチにともない,ページ全体から細部の個別要素にいたるまで,テーマのすべての側面を組織化する方法としてセクションが利用できるようになりました。★★★★★★JSONテンプレートにセクションを追加できる機能によって,さまざまなページを簡単にアレンジできるようになり,マーチャントが自分でテーマをカスタマイズするときにもさらなる強化が可能です。
テンプレートとセクションについて
Shopifyテーマにおけるセクションの機能を学ぶ前提条件として,Shopifyの主题模板系统（英語）? ? ? ? ?欧宝体育官网入口首页网上商店2.0では,個々のページタイプは,テーマの/模板ディレクトリ内の. json。〇〇〇〇〇JSONテンプレートファイルにデフォルトでどのセクションを表示させるかを定義することで,これらのページタイプを構築することが可能です。
★★★★★JSONテンプレートは,ストアコンテンツを表示するためのマークアップや液体。。
product.json。
この例では,商品ページがmain-product.liquid。マーチャントがこのページをカスタマイズしてセクションを追加する際は,product.json。後ほどこの記事内でセクションをテンプレートに含める方法を確認する際,もう一度このプロセスを詳しく追っていきましょう。
【翻译
セクションとJSONテンプレート（英語）を使用してテーマを開発するときには,2。。
メインページセクション
。たとえば,商品ページのメインセクションには,商品タイトル,商品説明,メディア,価格,“カートに追加する”フォームなど,商品を表示する重要な要素とその関連プロパティを含めることになるでしょう。
セクションが含まれるページテンプレートに応じて,液体。;product.json，液体オブジェクト产品（英語）★★★★★★★★★★★★★。
【翻译】collection.jsonファイルにあるセクションは,液体オブジェクト集合（英語）★★★★★★★★★★★★★★★★★★★★★★★★★液体全球オブジェクト（英語）。
メインページセクションに追加するページ特定の液体，{%模式%}タグ（英語）に設定★★★★★★★★これらはセクション内の要素を参照でき,マーチャントがテーマエディターでも構成できます。
メインページセクションにはページタイプ指定のマークアップが含まれるため,関連するテンプレート内にのみ挿入することになります。，部分模式に预设（英語）。
メインページセクションの例を確認するには,黎明の/部分ディレクトリにあるmain-product.liquidファイル，，，，，，，，，，，，，，，，主要。一般ルールとして,セクションタイプを区別するために,メインページセクションのタイトルには主要> > > > > > > > > > > >
モジュールセクション
モジュールセクションは,ネットショップのさまざまな箇所で再利用でき,ページのメイン要素を補完するセクションです。このタイプのセクションの例として、特集コレクション、スライドショー、ニュースレター登録フォームなどが挙げられます。
これらのセクションはページテンプレートにデフォルトで設置されるよりも,マーチャントによってテーマエディターで追加されるほうが一般的です。エディターでページにセクションを追加するには,模式に预设。预设が追加されていれば,マーチャントがテーマエディターで“”。
“Shopifyストア上の異なる文脈,異なるページタイプで横断的に再利用されるコンテンツやマークアップが含まれます。そのため開発者は,これらのセクションではページを特定する液体。
一方、部分模式内の模板属性（英語）。たとえば,商品ページとコレクションページだけに限定したい場合,そのセクションの模式整整齐齐，整整齐齐。
“模板”:[“产品”、“系列”]
模板【翻译】ページタイプ（英語）中文:全英文，全英文。
テーマに含めたい機能に応じて,またはクライアントの指定する要件に応じて,独自の機能を提供する多様なセクションを作成することができるのです。【翻译】黎明> > > >通讯部分? ?富文本部分。
【翻译
マーチャントが使えるカスタマイズオプションを作成するセクションファイルの設定(1)、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
> > > > > > >設定【中文翻译{%模式%}タグ内に含まれ,テーマエディターの用户界面。自定义文本“”“”“”“”“”“”
【翻译】2つの超文本标记语言。这是我最喜欢的。【翻译】液体オブジェクトのsection.settings。，設定の値をユニークID★★★★★★★★
超文本标记语言と液体マークアップの下には,{%模式%}★★★★★★★設定? ? ? ?それぞれの設定はオブジェクトとして表され,id、类型，。液体刷刷刷刷刷刷設定にアクセスするには,液体オブジェクトsection.settingsにid? ? ?……类型。
模式タグの設定。
- id:很好液体変数
- 类型当前位置输出中文:
- 标签:
- 默认的:
我很喜欢你文本【翻译richtextボックスを作成しましたが,クライアントの要求に合わせて多彩な输出类型★★★★★★★★★★ほかの有効な输入类型?image_picker、广播、video_url、font_picker………。
“”“”“”“”“”“”“”“”“”“”“”。セクション挿入方法をいくつか後で確認します,がいまはセクションに预设。
预设，{%模式%}★★★★★★★★★★★★★★★
kokoyo“预设”:(
{
“名称”:“定制文本”,
“类别”:“自定义”
｝
] kokoyo
事例のコードに反映すると,自定义文本框。
これで,テーマエディターの任意のページで“”。【翻译設定(二)、(二)、(二)、(二)标签とデフォルトのテキストによって表示され,セクションに現れるはずの输入文本设置★★★★★★★
★★★★★★★★設定。啊哈，それらがテーマエディターでどのようにレンダリングされるかを示しています。より高度なモデルについては、黎明の富文本セクション。
ページ内にセクションを挿入する方法
。。。
1 . json
，JSONテンプレートファイルは,そのページタイプのデフォルトセクションとなる“主要”プロパティを受け取ることができ,ここにはそのページの重要コンテンツがすべて含まれている必要があります。
“主要”セクション以外にも,デフォルトで表示されるほかのセクションをJSON。英文:JSONテンプレートを例にするなら,新しいオブジェクトを“主要”“。”
【翻译】建议★★★★★类型プロパティが/部分。
このJSONテンプレートは1つ以上のセクションを参照しているため,订单。JSONテンプレートに含まれるそれぞれのセクションはあらかじめ順序を指定されますが,マーチャントはテーマエディターでセクションの入れ替えが可能です。
JSONテンプレートに追加されたセクションに预设。。JSONテンプレートでセクションを配置する実際の事例として,黎明产品模板。
2 .
自定义文本★★★★★★★★★模式設定に预设。
“预设”:(
{
“名称”:“定制文本”,
“类别”:“自定义”
｝
］
。模板プロパティ（英語）。
……………＆ドロップ機能のおかげで,動的セクションをカスタム構築するときに,ストアをパーソナライズする多様なオプションが提供できることになります。。★★★★★★★★★黎明の通讯部分。
{% section %}
液体の部分タグによって,布局? ?模板ファイルにある/部分。★★★★★★★★★★★★
{% section 'header' %}
部分。★★★★★★★★★★★★★★★布局? ?模板。
ヘッダー,フッター,お知らせ欄などのように,つねに表示させるコンテンツとコンポーネントの場合は,このアプローチがもっとも一般的です。黎明★★★★★★theme.liquidファイル。静的なヘッダーセクション,フッターセクション,お知らせ欄が部分。
クリエイティブの力を解放する
。クライアントのストアに無限のオプションを構築できることが,おわかりいただけたと思います。
JSONテンプレートを使うことで,テーマ内のすべてのページでセクションを活用できるようになりますので,マーチャントは希望通りのストアが作成できます。あなたのアドバイスがあれば,なおさらうまくいくでしょう。
参考译文:利亚姆·格里芬
