Brooklynの静的セクション

Brooklynには、オンラインストアの各ページに表示されるセクションが含まれています。ビジネスに適したセクションにカスタマイズする方法を説明します。

ヘッダー

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

ヘッダーセクションには、以下の設定が含まれます。

  • ロゴ - ヘッダーにロゴ画像を追加します。
  • ホームページロゴ - ホームページにのみ表示されるロゴを追加します。ホームページのロゴがスライドショーに表示されるので、画像の上部で見やすいロゴのバージョンを選択してください。
  • カスタムロゴの幅 (ピクセルで) - ロゴのサイズを設定します。
  • 検索タイプ - ヘッダー検索機能のスタイルを設定します。
  • メニュー - ヘッダーに表示されるメニューを設定します。
  • 追加メニュー - サイドバーメニューに追加メニューを追加します。多くのスペースがメインメニューによって使用される場合、ヘッダーメニューの代わりにサイドバーメニューが表示されます。「Brooklynのヒント」で詳細をご確認ください。
  • 検索を有効にする - サイドバーメニューに検索バーを表示します。
  • 告知を表示する - 告知メッセージをページ上部に表示します。

ヘッダーをカスタマイズする

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

  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. **Brooklynの静的セクション**の隣にある **[カスタマイズする]** をクリックします。
  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. **Brooklynの静的セクション**の隣にある **[カスタマイズする]** をクリックします。
  1. [セクション] をクリックします。

  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. **Brooklynの静的セクション**の隣にある **[カスタマイズする]** をクリックします。
  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. **Brooklynの静的セクション**の隣にある **[カスタマイズする]** をクリックします。
  1. [セクション] をクリックします。

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

  3. [通貨セレクター] で、[通貨セレクターを表示する] を選択します。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す