Express向けのセクション

セクションは、オンラインストアの各ページのレイアウトを決定するカスタマイズ可能なコンテンツブロックです。

• ホームセクションでは、スライドショーやニュースレターの登録といった機能が含まれており、追加、再配置、削除することができます。ホームページには最大25個のセクションを追加できます。

• 各ページタイプには、独自のセクションが含まれています。たとえば、商品ページセクションで、オンラインストアの各商品ページのレイアウトを決定します。

• ページセクションは常に、オンラインストアの特定の場所にあります。カスタマイズ可能ですが、再配置および削除することはできません。

• 各テーマには、ヘッダーやフッターなどの固定セクションが含まれており、オンラインストアの各ページに表示されます。

Express独自のセクションの選択、およびビジネスに適したカスタマイズ方法を詳しく知ることができます。

ヘッダー

テーマのヘッダーは、ストアの各ページの上部に表示されるセクションです。

ヘッダーで次のアイテムをカスタマイズできます。

• ロゴ
• 告知バー
• メニュー
• 検索

カスタムロゴを追加する

あなたの会社のロゴを、ストアのヘッダー部分に追加することができます。最適なフォーマットは、背景を透明にした.pngファイルです。ロゴ画像の最大幅は180ピクセルです。幅を調整することで、ロゴ画像のサイズを変更できます。

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

iPhone

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

Android

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

1. Express向けのセクションの隣にある [カスタマイズする] をクリックします。

2. [ヘッダー] をクリックします。

3. ロゴ画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - Burstから無料のストック画像を使用するには、[無料の画像] をクリックします。 - ローカルコンピューターから画像を選択する場合は、[ライブラリー] > [アップロードする] をクリックします。

1. ロゴの幅をカスタマイズするには、ロゴの幅をカスタマイズするスライダーを使用します。

2. [保存] をクリックします。

告知バーを追加する

他にも、ヘッダーに告知バーを追加してお客様にメッセージを表示できます。メッセージは全体的にカスタマイズ可能で、連絡先情報、ストアイベントや販売に関する情報、ストアのスローガンやブランディングメッセージなどを含めることができます。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] をクリックします。

2. [ヘッダー] をクリックします。

3. 告知バーエリアで、[告知を表示する] にチェックを入れます。

4. 告知のテキストをテキストフィールドに入力します。

5. オプション: アイコンメニューから、告知バーに表示するアイコンを選択します。アイコンには告知のテキストと同じ色が使われます。

6. 告知バーの背景色を変更するには、バーの色見本をクリックして色を選択します。

7. 告知のテキストの配色を変更するには、テキストの色見本をクリックして配色を選択します。

8. [保存] をクリックします。

メニューを追加する

ヘッダーにメニューを追加できます。ヘッダーにすべてのメニューのリンクが表示されるので、お客様がアクセスする共通のページを強調することができます。たとえば、コレクションへのリンクを含むメニューを追加できます。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [ヘッダー] をクリックします。

2. メニューを選択するには、[変更する] をクリックします。リストからメニューを選択するか、[メニューを作成する] をクリックして新しいメニューを作成します。

3. メニューを編集するには、[メニューを編集する] をクリックします。

4. [保存] をクリックします。

検索を有効にする

ヘッダーに検索オプションを追加できます。そうすることにより、お客様はストア内のアイテムをすぐに見つけることができます。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] をクリックします。

2. [ヘッダー] をクリックします。

3. [検索を表示する] をオンにします。

フッター

テーマのフッターは、ストアの各ページの下部に表示されるセクションです。 以下の機能をフッターに追加できます。

• 決済アイコン
• メニュー
• ニュースレターの登録
• あなたのビジネスに関する情報を含むテキストセクション
• SNSのアイコン
• 言語セレクター

決済アイコンを追加する

フッターには、対応している決済方法のアイコンを表示することができます。このエリアには、管理画面の決済設定セクションで有効にした決済サービスに関連付けられているアイコンが表示されます。

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

iPhone

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

Android

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

1. Express向けのセクションの隣にある [カスタマイズする] をクリックします。

2. [セクション] をクリックします。

3. [フッター] をクリックします。

4. [決済アイコンを表示する] にチェックを入れます。

5. [保存] をクリックします。

メニュー、ニュースレターの登録、またはテキストを追加する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] をクリックします。

2. [フッター] をクリックします。

3. コンテンツエリアの [コンテンツを追加する] をクリックして、コンテンツブロックを追加します。次の選択肢からブロックの種類を選択します。

• メニュー
• ニュースレター

• テキスト 最大4つのコンテンツブロックを追加できます。

  コンテンツブロックを移動するには、[⋮⋮] アイコンをクリックしてブロックを別の場所にドラッグします。

  コンテンツブロックを削除するには、ブロックをクリックしてから [コンテンツを削除] をクリックします。

  コンテンツブロックをカスタマイズするには、ブロックをクリックしてから設定を編集します。

1. [保存] をクリックします。

SNSのアイコンを追加する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] をクリックします。

2. [フッター] をクリックします。

3. [テーマ設定] セクションをクリックします。

4. 関連するSNSフィールドに、プロフィールのURLを入力します。

5. [保存] をクリックします。

言語セレクターを追加する

複数のストアの言語を有効にしている場合にのみ、言語セレクターを追加する必要があります。

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

iPhone

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

Android

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

1. Express向けのセクションの隣にある [カスタマイズする] をクリックします。

2. [セクション] をクリックします。

3. [フッター] をクリックします。

4. [言語セレクター] で、[言語セレクターを表示する] を選択します。

5. [保存] をクリックします。

特集コレクション

ホームページの1つのセクションで、複数のコレクションを特集することができます。Expressではヘッダーにメニューが含まれていないため、特集コレクションを特集商品と並べて表示することは、このテーマを使用して商品を表示する最も簡単な方法です。

それぞれの特集コレクションのセクションでは、複数のコレクションを表示することができます。コレクションはタブとして表示され、購入者がそれぞれに移動できるようになっています。

お客様が特集コレクションからカートに1個以上の商品を追加すると、カートに追加された商品の数量が商品のバッジとして表示されます。

特集コレクションセクションを追加する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] > [セクションを追加する] をクリックします。

2. [特集コレクション] をクリックしてから、[追加] をクリックします。

3. コレクションリストのサイズのドロップダウンリストから、デフォルトで表示する商品数を選択することができます。この設定は、特集コレクションセクションのすべてのコレクションに適用されます。

- 小 - 6商品 - 中 - 18商品 - 大 - 36商品

1. 画像スタイルのドロップダウンリストから、コレクション内の商品画像のトリミング方法を選択します。この設定は、特集コレクションセクションのすべてのコレクションに適用されます。

2. コンテンツエリアで、[コレクション] ブロックを選択するか [コレクションを追加する] をクリックします。

3. [コレクションを選択] をクリックします。

4. コレクションリストから、タブで表示するコレクションを選択し、[選択する] をクリックします。

   コレクションを追加するには、[コレクションを追加] リンクをクリックして、新しいタブでコレクションを作成するページを開きます。

   選択したコレクションの商品を追加または削除する場合は、[コレクションを編集する] リンクをクリックし、新しいタブでコレクションページを開きます。

5. セクションに他にもコレクションを追加するには、手順5から7を繰り返します。

6. [保存] をクリックします。

特集コレクションセクションにコレクションを追加する

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

iPhone

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

Android

1. Shopifyアプリで [ストア] をタップします。
2. [販売チャネル] セクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。

1. Express向けのセクションの隣にある [カスタマイズする] をクリックします。

2. [セクション] をクリックします。

3. 変更する特集コレクションセクションを選択します。

4. コンテンツエリアで、[コレクション] ブロックを選択するか [コレクションを追加する] をクリックします。

5. [コレクションを選択] をクリックします。

6. コレクションリストから、タブで表示するコレクションを選択し、[選択する] をクリックします。

   コレクションを追加するには、[コレクションを追加] リンクをクリックして、新しいタブでコレクションを作成するページを開きます。

   選択したコレクションの商品を追加または削除する場合は、[コレクションを編集する] リンクをクリックし、新しいタブでコレクションページを開きます。

7. セクションに他にもコレクションを追加するには、手順3から5を繰り返します。

8. [保存] をクリックします。

ヒント:

セクション内のコレクションタブの並び順を変更するには、コンテンツエリアでコレクションを再配置します。コレクションの [⋮⋮] アイコンをクリックして、ブロックを別の場所にドラッグします。

特集商品

ホームページで商品を特集できます。商品の特集は、新しい商品やセール中の商品を宣伝するのに最適な方法です。お客様は、商品画像の下にある左右の矢印を使用して、画像をさらに表示できます。

特集商品セクションには、以下の設定が含まれます。

• 商品 - ホームページで特集する商品を選択します。
• 数量セレクターを表示する - ユーザーがカートに追加する数量を指定することができます。
• 販売元を表示する - 商品のブランド名または販売元をおすすめの商品セクションに表示します。ブランド名や販売元を表示するには、商品に販売元を追加する必要があります。
• 動的チェックアウトボタンを表示する - お客様がカートをスキップして、特集商品セクションから直接チェックアウトに進むことができます。
• ソーシャル共有ボタンを表示する - ソーシャルメディアで共有できるよう特集商品セクションにボタンを表示します。
• 画像スタイル - 特集商品の画像を正方形または円形にトリミングするかどうかを選択します。

おすすめ商品セクションを追加する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] > [セクションを追加する] をクリックします。
2. [おすすめ商品] をクリックしてから、[追加] をクリックします。
3. 設定で特集商品セクションをカスタマイズします。
4. [保存] をクリックします。

商品ページ

特集コレクションから商品をクリックすると、購入者に商品ページが表示されます。商品ページでは、商品の説明、価格、バリエーション、画像が表示されます。ユーザーを新しいページに誘導するか、ホームページ上でオーバーレイにして商品の詳細を表示するかを選択できます。お客様は、ページからカートに商品を直接追加できます。

商品ページセクションには、以下の設定が含まれます。

• 数量セレクターを表示する - ユーザーがカートに追加する数量を指定することができます。
• 販売元を表示する - 商品のブランドまたは販売元を商品ページに表示します。ブランドや販売元を表示するには、商品に販売元を追加する必要があります。
• 動的チェックアウトボタンを表示する - お客様がカートをスキップして、特集商品セクションから直接チェックアウトに進むことができます。
• オーバーレイで商品ページを表示する - このオプションを選択すると、ホームページにオーバーレイ形式で商品の詳細を表示できます。オーバーレイは、特集コレクションから商品が選択されている場合に表示されます。
• ソーシャル共有ボタンを表示する - 購入者が商品をSNSで共有できるようボタンを表示します。

商品ページの設定を編集する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] をクリックします。

2. [商品ページ] をクリックします。

3. 設定を使用して、商品ページをカスタマイズします。

4. [保存] をクリックします。

テキスト付き画像

Expressではテキスト付き画像を追加し、画像の左右いずれかに表示することができます。また、別ページにリンクするボタンを追加することも可能です。

テキスト付き画像のセクションを使用して、特定の商品またはコレクションを宣伝することもできます。

テキスト付き画像セクションには、以下の設定が含まれます。

• 画像 - セクションに含める画像のことです。画像をアップロードしたり、以前にアップロードした画像を使用したりするほか、Burstから無料のストック画像を選択したりすることができます。
• 見出し - 画像とペアリングするメインのテキストです。
• テキスト - 画像とペアリングするサブテキストです。このテキストは見出しテキストの下に表示されます。
• ボタンのラベル - ボタンに表示するテキストです。
• ボタンのリンク - ボタンのリンク先となるURLまたはページ。URLに貼り付けるか、メニューからページを選択します。セクションにボタンを含めない場合は、このフィールドを空のままにします。

レイアウトオプション

• デスクトップ - デスクトップコンピューターから閲覧するときにセクションの画像を左または右のどちらに表示させるかを選択します。左に画像を表示するには、[1つ目の画像] を選択します。
• モバイル - モバイルデバイスで閲覧するときにセクション内の画像を最初または2番目のどちらに表示させるかを選択します。
• サブ背景 - セクションにサブ背景の配色を追加するかどうかを選択します。セクションの上から5分の3の位置まで背景色を追加するには、[一部分] を選択します。この配色は、テーマ設定で変更することができます。
• テキストサイズ - セクションの見出しとテキストの相対的なサイズを選択します。
• 画像比を維持する - 選択した画像がトリミングされないようにするには、このオプションを選択します。このオプションのチェックを外したままにすると、画像が正方形にトリミングされます。
• 二次テキストの配色を有効にする - 見出しとテキストにサブ背景用のテキストの配色を使用するには、このオプションを選択します。この配色は、テーマ設定で変更することができます。

テキスト付き画像セクションを追加する

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">デスクトップ</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>管理画面から <strong>[オンラインストア]</strong> &gt; <strong>[テーマ]</strong> の順に移動します。
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopifyアプリ</a>で <strong>[ストア]</strong> をタップします。
</li><li><strong>[販売チャネル]</strong> セクションで、<strong>[オンラインストア]</strong> をタップします。
</li><li><strong>[テーマを管理する]</strong> をタップします。
</li></ol></div>
</div>



1. **Express向けのセクション**の隣にある **[カスタマイズする]** をクリックします。

1. [セクション] > [セクションを追加する] をクリックします。
2. [テキスト付き画像] をクリックしてから [追加する] をクリックします。

3. 画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。

   • Burstから無料のストック画像を使用するには、[無料の画像] をクリックします。
   • ローカルコンピューターから画像を選択する場合は、[ライブラリー] > [アップロードする] をクリックします。

4. 設定でセクションをカスタマイズします。

5. [保存] をクリックします。

カートドロワー

Expressに特徴的な機能として、購入者がカートの内容をすぐに確認してショッピングを続けることができるカートドロワーという機能があります。

Expressを使用すると、カートドロワーの注文メモを有効にすることで、お客様に注文とともに指示を入力してもらうことができます。

カートドロワーの注文メモを有効にする

1. カートに商品を追加すると、テーマエディタのカートドロワーに移動します。

2. [セクション] タブをクリックします。

3. [カートページ] セクションをクリックします。

4. [カートメモを表示する] にチェックを入れます。

5. [保存] をクリックします。