Brooklyn 的靜態區段

Brooklyn內含會顯示在您所有線上商店頁面上的區段。瞭解如何按照您的公司風格自訂這些區段。

標頭

您佈景主題的標頭是顯示在商店每個頁面頂部的區段。

使用 Brooklyn,您可以在標頭中加入以下項目:

  • 標誌
  • 導覽選單
  • 公告列

您也可以將標頭連結和圖示變更顏色。

若要在首頁上啟用透明標頭,您可以為您首頁的標頭選擇不同的標誌和顏色。

新增自訂標誌

  1. 按一下 的靜態區段 旁邊的「自訂」。

  2. 點擊「標頭」。

  3. 在「標誌圖片」區域,點擊「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 如要使用 Burst 中的免費圖庫圖片,請點擊「免費圖片」。 - 若要從電腦本機中選取圖片,請點擊「圖庫」>「上傳」。

  1. 使用「自訂標誌寬度」滑桿來自訂標誌寬度。

  2. 點擊「儲存」。

自訂您的導覽設定

您可以自訂下列導覽設定:

  • 搜尋類型 - 設定標頭搜尋功能的樣式。
  • 選單 - 設定顯示在標頭中的選單。
  • 次要側邊欄選單 - 將次要選單新增至側邊欄選單。主選單使用大量空間時會改為顯示側邊欄選單,而非標頭選單。您可以在 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>在 Shopify 管理員中,前往<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. 按一下 **的靜態區段** 旁邊的「**自訂**」。
  1. 點擊「區段」。

  2. 點擊「標頭」。

  3. 在「公告列」區域中,勾選「顯示公告」。 選取「僅限首頁」讓公告訊息僅在首頁上顯示。

  4. 在「文字」欄位中輸入您的公告文字。

    1. 選用:在「連結」欄位中輸入網址以新增公告連結。
  5. 若要變更公告列背景的顏色,請點擊「」顏色色樣並選擇顏色。

  6. 若要變更公告文字的顏色,請點擊「文字」顏色色樣並選擇顏色。

  7. 點擊「儲存」。

變更標頭連結和圖示顏色

<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>在 Shopify 管理員中,前往<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. 按一下 **的靜態區段** 旁邊的「**自訂**」。
  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>在 Shopify 管理員中,前往<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. 按一下 **的靜態區段** 旁邊的「**自訂**」。
  1. 點擊「區段」。

  2. 點擊「標頭」。

  3. 在「透明標頭」中勾選「啟用首頁上的透明標頭」。

  4. 選用:在「透明標誌」中點擊「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 如要使用 Burst 中的免費圖庫圖片,請點擊「免費圖片」。 - 若要從電腦本機中選取圖片,請點擊「圖庫」>「上傳」。

  1. 若要變更連結與圖示的顏色,請點擊「透明標頭連結與圖示」的顏色色樣並選擇顏色。

  2. 點擊「儲存」。

頁尾

您佈景主題的頁尾是顯示在商店每個頁面底部的區段。 您可以在頁尾加入以下功能:

  • 付款圖示
  • 語言選擇器
  • 幣別選擇器
  • 選單

新增付款圖示

您可以在頁尾顯示您接受的付款方式圖示。此區域會顯示與付款服務供應商相關聯的圖示,您已在管理員介面中的「付款設定」區段中將其啟用。

  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>在 Shopify 管理員中,前往<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. 點擊 **的靜態區段** 旁邊的「**自訂**」。
  1. 點擊「區段」。

  2. 點擊「頁尾」。

  3. 若要選取選單,請點擊「變更」。從清單中選取選單或點擊「建立選單」來建立新選單。

  4. 若要編輯選單中,請點擊「編輯選單」。

  5. 點擊「儲存」。

新增語言選擇器

如果您已啟用多個商店語言,則只應新增一個語言選擇器。

  1. 點擊 的靜態區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 點擊「頁尾」。

  4. 在「語言選擇器」下方,選取「顯示語言選擇器」。

  5. 點擊「儲存」。

新增幣別選擇器

如果您已啟用多種貨幣,則只應新增一個幣別選擇器。

  1. 點擊 的靜態區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 點擊「頁尾」。

  4. 在「幣別選擇器」下方,選取「顯示幣別選擇器」。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用