Simple 的區段

此頁面列印時間為 Oct 22, 2020。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/os/using-themes/themes-by-shopify/simple/sections。

佈景主題內容是使用區段建立而成的。區段即是可以決定線上商店中各頁面版面配置和外觀的可自訂內容方塊。

靜態區段即是顯示在線上商店中預定地點的區段，您無法移除或重新排列這些區。靜態區段可能包含頁首、頁尾、導覽區段，或像產品頁面、商品系列頁面等頁面中的內容區段。例如，「產品」區段會決定線上商店中每個產品頁面的外觀。

動態區段是可用於自訂首頁版面配置的選用區段。 您可以在商店首頁新增、重新排列和移除動態區段，以建立頁面版面配置。您可以在首頁上新增最多 25 個動態區段。

您可以瞭解Simple的獨特區段集和如何按照公司風格自訂這些區段的方法。

Simple 包括以下的靜態區段：

  • 標頭
  • 側邊欄選單
  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 文章頁面

動態區段

您可以新增、重新排列與移除這些動態區段，以便自訂首頁的版面配置。每項佈景主題都有獨特的動態區段集可供挑選。

Simple 包括以下的動態區段：

  • 部落格文章
  • 商品系列清單
  • 精選商品系列
  • 精選產品橫幅
  • 附文字的圖片
  • 素材輪播
  • 精選產品
  • 電子報
  • 地圖
  • RTF 文字
  • 影片
  • 自訂 HTML

標頭

您可以將貴公司的標誌新增至商店的標頭中。您可以使用 Simple 自訂標誌圖片。最佳格式為包含透明底色的 .png 檔。標誌圖片應為 450 x 200 像素。您可以透過縮減寬度來調整商標圖片的大小。

如要上傳自訂標誌：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 點擊「標頭」。

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

- 若要選擇已上傳到 Shopify 管理員的圖片，請點擊「圖庫」索引標籤。 - 如要從電腦本機中選擇圖片，請點擊「圖庫」索引標籤，然後點擊加號按鈕。

  1. 在「自訂商標寬度 (以像素為單位)」欄位中輸入商標的寬度。

  2. 在「標語」區域中，新增要顯示在標頭右上角的文字。

  3. 點擊「儲存」。

側邊欄選單

Simple 的特色在於包含導覽選單的側邊欄：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 按一下「側邊欄」。

  4. 從「選單」清單中，選擇側邊欄選單的選單。

  5. 點擊「儲存」。

頁尾

Simple 的特色在於頁尾，您可以在其中顯示導覽選單、文字區域和訂閱電子報。Simple 預設會包含一個首頁區段：

  • 「連結」會提供來自導覽選單的連結。

連結

您可以使用 Simple 在首頁的頁尾顯示連結。

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 點擊「頁尾」。

  4. 按一下「連結」。

  5. 在「標題」欄位中，輸入要顯示在頁尾連結上方的文字。

  6. 在「選單」清單中，選擇頁尾連結的選單。

  7. 點擊「儲存」。

電子報

您可以使用 Simple 在首頁顯示電子報訂閱表單。此區段類型不包括任何選項 - 如果要顯示電子報表單，請保留此區段。如果您不想顯示電子報表單，可以從首頁中刪除此區段。

當有人訂閱電子報時，會以客戶的身分加入您的商店。「電子報」區段包含指向管理員中「客戶」頁面的連結。您可以按一下此連結以查看最新的客戶清單。

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 點擊「頁尾」。

  4. 按一下「新增內容」，然後按一下「訂閱電子報」。

  5. 點擊「儲存」。

文字

使用「文字」區段提供您要在頁尾顯示的任何文字內容，或嵌入在 Shopify 管理員介面中建立的任何頁面。例如，您可以透過嵌入部落格頁面來展示即將舉辦的活動，或顯示包含以下內容的頁面：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 點擊「頁尾」。

  4. 按一下「新增內容」，然後按一下「文字」。

  5. 在「標題」欄位中，輸入要顯示在 RTF 文字上方的文字。

  6. 如要新增文字，請在「文字」欄位中輸入文字。按一下粗體或斜體圖示以格式化所選文字。

  7. 點擊「儲存」。

產品頁面

在「產品頁面」區段中，您可以新增或移除以下元素：

  • 數量選擇器
  • 產品品牌或廠商
  • 社交分享圖示
  • 產品說明中的標籤
  • 圖片縮放
  • 動態結帳按鈕
  • 商品推薦

您也可以設定產品說明的位置。

如要編輯產品頁面的設定：

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 點擊「區段」。

  3. 點擊「產品頁面」。

  4. 如要顯示數量選擇器，請勾選「顯示數量選擇器」。

  5. 如要顯示產品品牌或供應商，請勾選「顯示產品供應商」。如要展示品牌或供應商，您需要為產品新增供應商。

  6. 如要顯示社交分享圖示，請勾選「啟用產品分享」。

  7. 如要設定產品說明的位置，請從「位置」下拉式選單中選擇「圖片右側」或「圖片下方」。

  8. 如要在產品說明中使用標籤，請執行以下任務：

    1. 勾選「顯示產品說明旁的索引標籤」。如此一來就會在索引標籤上顯示您的產品說明，並在第二個索引標籤上顯示其他內容 (例如尺寸表或退貨政策)。
    2. 在「索引標籤內容」區域中，按一下「選擇頁面」，然後選擇包含要在第二個索引標籤上顯示內容的頁面。

  9. 如要選擇精選圖片的圖片縮放類型，請從「縮放類型」下拉式選單中選擇「燈箱」、「放大」或「無縮放」。

  10. 如要顯示動態結帳按鈕，請勾選「顯示動態結帳按鈕」。

  11. 點擊「儲存」。

新增或移除產品推薦

您可以在產品頁面顯示推薦產品，讓客戶輕鬆發掘其他符合興趣的產品。

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 按一下「產品推薦」。

  3. 使用「顯示動態推薦」核取方塊，於產品頁面中顯示或隱藏產品推薦。

  4. 選用：若要變更推薦產品上方顯示的標題，請在「標題」欄中輸入新標題。

  5. 選用：若要在產品推薦中顯示產品廠商，可選取「顯示產品廠商」。

  6. 點擊「儲存」。

商品系列頁面

您可以設定商品系列頁面，讓客戶對商品系列中的產品進行篩選和排序。

如要設定商品系列頁面的版面配置：

  1. 導覽至佈景主題編輯器中的商品系列頁面。

  2. 點擊「區段」索引標籤。

  3. 按一下「商品系列頁面」。

  4. 如要顯示產品供應商，請勾選「顯示產品供應商」。

  5. 勾選「啟用商品系列排序」以顯示排序選單。

  6. 勾選「啟用按產品標籤篩選」，以允許客戶按產品標籤篩選商品系列。

  7. 點擊「儲存」。

精選商品系列

您可以使用 Simple 在首頁展示來自其中一個商品系列的產品。您可以選擇要在首頁顯示精選商品系列的標題和列數。

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區域中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 在「標題」欄位中，輸入要顯示在商品系列上方的文字。

  4. 從「商品系列」清單中選擇商品系列。從您選擇的商品系列中，最多會顯示 50 項產品。

  5. 從「列數」清單中選擇要顯示的列數。

  6. 點擊「儲存」。

精選產品橫幅

您可以使用 Simple，將精選產品橫幅圖片新增至首頁。您也可以新增標題和圖片連結。

如要在首頁加入精選產品橫幅區段：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」。

  3. 按一下「新增區段」。

  4. 按一下「精選產品橫幅」，然後按一下「新增」。

  5. 在「標題」欄位中，輸入此區段的新標題。

  6. 在「圖片」區域，點擊「選擇圖片」，然後執行下列任一操作：

- 若要選擇已上傳到 Shopify 管理員的圖片，請點擊「圖庫」索引標籤。 - 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片，請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙，或是瀏覽圖片類別。 - 如要從電腦本機中選擇圖片，請點擊「圖庫」索引標籤，然後點擊加號按鈕。

  1. 在「圖片連結」欄位中，選擇您希望圖片連結的商店頁面。

  2. 點擊「儲存」。

附文字的圖片

您可以使用 Simple 新增顯示在圖片左右側的附文字圖像。您也可以新增連結至商店頁面的按鈕。

通常，您可以使用「附文字的圖片」區段來宣傳產品或商品系列，或將網站流量帶到您的部落格頁面。

若要為首頁新增帶有文字區段的圖片：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」索引標籤。

  3. 按一下「新增區段」。

  4. 點擊「附文字的圖片」，然後點擊「新增」。

  5. 在「圖片」區域，點擊「選擇圖片」，然後執行下列任一操作：

- 若要選擇已上傳到 Shopify 管理員的圖片，請點擊「圖庫」索引標籤。 - 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片，請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙，或是瀏覽圖片類別。 - 如要從電腦本機中選擇圖片，請點擊「圖庫」索引標籤，然後點擊加號按鈕。

  1. 從「版面配置」清單中，選擇要將圖片顯示在文字的右側或左側。

  2. 在「標題」欄中輸入此區段的新標題。

  3. 在「文字」欄中輸入要在標頭下方顯示的文字。

  4. 在「按鈕標籤」欄位中，輸入您要顯示在按鈕上的文字。

  5. 在「按鈕連結」欄中，選擇您希望按鈕連結到的商店頁面。

  6. 點擊「儲存」。

素材輪播

您可以建立首頁素材輪播，最多可以輪播六張圖片。

投影片輪播圖片的建議大小為 1280 x 460 像素。

素材輪播區段包括下列設定：

  • 投影片高度 - 設定投影片高度。選擇「配合第一張圖片投影片高度」，以第一張圖片的高度做為投影片高度的基礎。
  • 自動輪播投影片 - 設定自動開始素材輪播。
  • 變更投影片的頻率 - 選擇變更投影片的頻率。
  • 轉場效果 - 選擇要讓圖片滑動或淡化。
  • 文字大小 - 設定您投影片的文字大小。
  • 圖片 - 將圖片投影片新增至素材輪播。
  • 圖片位置 - 選擇圖片中最重要的區域，當作投影片的焦點。
  • 疊加層不透明度 - 設定圖片疊加層的陰影。疊加層陰影可以加深您的圖片外觀，讓投影片文字易於閱讀。
  • 文字顏色 - 設定投影片的文字顏色。
  • 文字對齊 - 對齊投影片的文字。
  • 標題 - 新增標題到投影片。
  • 按鈕標籤 - 將含有文字標籤的按鈕新增到投影片。
  • 按鈕連結 - 將您的按鈕連結至線上商店的其他部分。

將投影片新增至您的首頁：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

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

  2. 按一下「幻燈片」。

  3. 使用設定來自訂素材輪播

  4. 點擊「儲存」。

電子報

您可以將訂閱電子報加入首頁。您可以收集客戶的電子郵件地址，以供電子郵件行銷使用。您可以在 Shopify 部落格上進一步瞭解電子郵件行銷。

如要將訂閱電子報新增至首頁：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

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

  2. 點擊「區段」。

  3. 按一下「新增區段 > 電子報」。

  4. 在「標題」欄位中，輸入訂閱電子報的標題。標題預設為「訂閱我們的電子報」。

  5. 在「子文字」欄位中，輸入訂閱電子報的副標題。預設文字為「促銷活動、新產品和特賣消息，直接送到您的收件匣。」

  6. 點擊「儲存」。

RTF 文字

使用「RTF 文字」區段提供您要在首頁上顯示的任何文字內容，或嵌入在 Shopify 管理員中建立的任何頁面。例如，您可以透過嵌入部落格頁面來展示即將舉辦的活動，或顯示包含以下內容的頁面：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

  1. 在「Simple」區段中，按一下「自訂」。

  2. 點擊「區段」。

  3. 按一下「新增區段」。

  4. 按一下「RTF 文字」，然後按一下「新增」。

  5. 如要新增文字，請按一下「RTF 文字」，然後在「文字」欄位中輸入文字。按一下粗體或斜體圖示以調整所選文字格式。

  6. 如果要展示商店中的精選頁面，請按一下「新增內容」，然後按一下「頁面」。從下拉式選單中選擇要展示作為首頁的頁面。

  7. 在「標題」欄位中，輸入要顯示在 RTF 文字上方的文字。

  8. 點擊「儲存」。

影片

您可以將 YouTube 或 Vimeo 代管的影片加入首頁。影片可以吸引客戶並讓客戶對您的業務產生興趣。

如要為首頁新增影片：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

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

  2. 點擊「區段」。

  3. 按一下「新增區段 > 影片」。

  4. 在「標題」欄中輸入影片的標題。

  5. 在「影片連結」欄位中輸入您影片的分享連結。

    YouTube 分享連結如下所示：https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 說明文章中，瞭解如何複製 YouTube 影片的分享連結。

    Vimeo 分享連結如下所示：https://vimeo.com/281332510。您可以在此 Vimeo 說明中心文章中，瞭解如何複製 Vimeo 影片的分享連結。

  6. 點擊「儲存」。

自訂 HTML

您可以在「自訂 HTML」區段內用 HTML 程式碼為首頁建立自訂內容。舉例來說，您可以透過 HTML 設定文字方塊的格式、建立表格，或內嵌來自第三方網站的內容。

若要為首頁新增自訂 HTML：

  1. 在 Shopify 管理員中，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。

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

  2. 按一下「區段」。

  3. 按一下「新增區段」。

  4. 在「進階版面配置」區域中，按一下「自訂 HTML > 新增」。

  5. 按一下「自訂 HTML」，然後輸入要新增到首頁的 HTML 程式碼。

  6. 按一下「儲存」。

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

免費試用