Simple 的區段

佈景主題內容是使用區段建立而成的。區段即是可以決定網路商店中各頁面版面配置和外觀的可自訂內容方塊。您可以使用新版佈景主題編輯器新增、編輯和自訂區段

Shopify 的佈景主題包含下列類型的區段:

  • 靜態區段:顯示於網路商店中預定地點的區段,您無法移除或重新排列這些區段。靜態區段可能包含頁首、頁尾、導覽區段,或像產品頁面、商品系列頁面等頁面中的內容區段。例如,「產品」區段會決定網路商店中每個產品頁面的外觀。
  • 動態區段:可用於自訂首頁版面配置的選用區段。 您可以在商店首頁新增重新排列移除動態區段,以建立頁面版面配置。您可以在首頁上新增最多 25 個動態區段。

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

秘訣:如果您使用 Shopify 的免費佈景主題,若要查看其區段和設定的詳細說明,您可以前往 Shopify 的免費佈景主題並按一下您的佈景主題名稱。

若要瞭解付費佈景主題中的區段和設定,請參閱佈景主題的說明文件

靜態區段

Simple 包括以下的靜態區段:

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

動態區段

Simple 包括以下的動態區段:

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

標頭

您可以在頁首區段中編輯顯示在商店每一頁頂端的內容。您可以新增標誌圖片、建立公告訊息和新增標語。

新增自訂標誌

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

若您不想新增標誌圖片,則會改為顯示您的商店名稱文字。您可以在 Shopify 管理介面的「一般設定」頁面中變更商店名稱。

  • 自訂標誌寬度:標誌的寬度。

新增並設定標誌

  1. 點擊「頁首」。2. 在「標誌圖片」區域中,點擊「選取圖片」,然後執行下列任一操作:* 若要選取已上傳到 Shopify 管理介面中的圖片,請點擊「圖庫」分頁。* 若要從本機電腦中選取圖片,請點擊「圖庫」>「上傳」。3. 使用此設定來自訂標誌的尺寸和位置。4. 點擊「儲存」。

新增公告列

您可以在頁首新增公告列,以向顧客顯示訊息。訊息內容可以自訂,可包含聯絡資訊、商店活動或促銷相關資訊,還有商店標語。

  1. 點擊「標頭」。
  2. 在「公告列」區域中,勾選「顯示公告」。 選取「僅限首頁」讓公告訊息僅在首頁上顯示。
  3. 輸入公告文字。
  4. 選用:輸入網址以新增公告連結。
  5. 若要變更公告列背景的顏色,請點擊「」顏色色樣並選擇顏色。
  6. 若要變更公告文字的顏色,請點擊「文字」顏色色樣並選擇顏色。
  7. 點擊「儲存」。

側邊欄選單

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

  1. 按一下「側邊欄」。
  2. 從「選單」清單中,選擇側邊欄選單的選單。
  3. 點擊「儲存」。

頁尾

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

  • 付款圖示
  • 選單
  • 訂閱電子報
  • 文字區段包含有關您商家的資訊

新增付款圖示

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

  1. 點擊「頁尾」。

  2. 勾選「顯示付款圖示」。

  3. 點擊「儲存」。

新增選單、訂閱電子報或文字

  1. 點擊「頁尾」。

  2. 若要新增內容區塊,請在「內容」區域,點擊「新增內容」。從以下選項中選取區塊類型:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

若要移除內容區塊,請點擊該區塊,然後點擊「移除內容」。

若要自訂內容區塊,請點擊區塊並編輯其設定。

  1. 點擊「儲存」。

秘訣:您可以使用各的拖放式控制代碼 ⋮⋮ 來重新排列區塊。

產品頁面

產品頁面區段是產品頁面的主要可自訂區段。您可以使用下列選項來自訂此區段:

設定

  • 顯示數量選擇器 - 讓使用者指定要新增至購物車的數量。
  • 顯示產品廠商 - 顯示產品品牌或廠商。若要顯示品牌或廠商,您必須先為產品新增廠商
  • 啟用產品分享按鈕 - 顯示顧客可用來將產品分享至社群媒體的按鈕。顯示的分享選項是由佈景主題設定所控制。

說明

  • 位置 - 選擇產品圖片相關說明要擺放的位置。
  • 在產品說明旁邊顯示分頁 - 在另一個分頁上顯示頁面內容 (如尺寸表或退貨政策)。選取要顯示於分頁內容的頁面。

主要圖片

  • 縮放類型 - 選擇產品圖片的縮放樣式。選取「無縮放」讓顧客無法放大。

加入購物車按鈕

  • 顯示動態結帳按鈕 - 讓顧客可以略過購物車,並從精選產品區段直接前往結帳頁面。
  • 按鈕尺寸 - 從下拉式選單選擇尺寸以設定「新增至購物車」按鈕和動態結帳按鈕的大小。

編輯產品頁面設定

  1. 選取「產品頁面」。
  2. 點擊「產品頁面」區段。
  3. 使用設定來自訂您的產品頁面區段。
  4. 點擊「儲存」。

商品推薦

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

啟用產品推薦功能

  1. 選取「產品頁面」。

  2. 點擊「產品推薦」區段。

  3. 勾選「顯示動態推薦的應用程式」以在產品頁面上顯示推薦產品。

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

    1. 選用:若要在產品說明中顯示或隱藏廠商,請使用「顯示廠商」核取方塊。
  5. 點擊「儲存」。

商品系列頁面

商品系列頁面區段是商品系列頁面的主要可自訂區段。

商品系列頁面區段包含下列設定:

  • 顯示產品廠商 - 在產品名稱下方顯示各產品的廠商。
  • 啟用商品系列排序功能 - 讓顧客在商品系列頁面中對產品進行排序。
  • 啟用按產品標籤篩選功能 - 讓顧客按產品標籤篩選商品系列。

編輯商品系列頁面設定

  1. 選取「商品系列頁面」。
  2. 按一下「商品系列頁面」區段。
  3. 使用設定來自訂商品系列頁面區段。
  4. 點擊「儲存」。

精選商品系列

您可以在首頁上展示精選商品系列。展示精選商品系列有助於促進銷售和宣傳新商品系列。

精選商品系列區段包含下列設定:

  • 標題 - 新增要在商品系列中顯示於產品上方的文字。此處的預設文字為「精選商品系列」。
  • 商品系列 - 選擇要顯示於此區段的商品系列。從您選取的商品系列中最多會顯示 50 項產品。
  • - 選擇此區段中要顯示的產品列數。

將精選商品系列區段新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「精選商品系列」,然後點擊「選取」。
  3. 點擊「選取商品系列」,然後從「商品系列」清單中選取一套商品系列。
  4. 使用設定自訂區段。
  5. 點擊「儲存」。

精選產品橫幅

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

將精選產品橫幅區段新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「精選產品橫幅」,然後點擊「選取」。
  3. 在「標題」欄位中,輸入此區段的新標題。
  4. 在「圖片」區域中,點擊「選取圖片」,然後執行下列任一操作:- 若要選取已上傳至 Shopify 管理介面的圖片,請點擊「圖庫」分頁。
  5. 若要從 Burst 中選取圖庫圖片,請點擊「免費圖片」分頁。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
  6. 若要從電腦本機中選取圖片,請點擊「圖庫」分頁,然後點擊「上傳」。

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

  8. 點擊「儲存」。

附文字的圖片

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

您可以使用附文字圖像區段來宣傳特定產品或商品系列。

附文字圖像區段包含下列設定:

  • 圖片 - 新增要顯示於此區段的圖片。您可以上傳圖片、使用之前上傳的圖片,或從 Burst 中選取免費圖庫圖片。
  • 圖片對齊 - 選擇區段中的圖片要顯示在左側還是右側。
  • 標題 - 新增搭配圖片的主要文字。
  • 文字 - 新增搭配圖片的次要文字。這段文字會顯示於標題文字下方。
  • 按鈕標籤 - 新增要顯示在按鈕上的文字。
  • 按鈕連結 - 設定按鈕要連結至哪個網址或頁面。請貼上網址或從選單中選取頁面。如果您不希望在此區段中加上按鈕,請將此欄位保留空白。

將附文字圖像區段新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「附文字圖像」,然後點擊「選取」。
  3. 在「圖片」區域中,點擊「選取圖片」,然後執行下列任一操作:- 若要選取已上傳至 Shopify 管理介面的圖片,請點擊「圖庫」分頁。
  4. 若要從 Burst 中選取圖庫圖片,請點擊「免費圖片」分頁。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
  5. 若要從電腦本機中選取圖片,請點擊「圖庫」分頁,然後點擊「上傳」。

  6. 使用設定自訂區段。

  7. 點擊「儲存」。

素材輪播

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

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

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

內容

  • 圖片 - 將圖片投影片新增至素材輪播。
  • 圖片位置 - 選擇圖片中最重要的區域,當作投影片的焦點。
  • 疊加層不透明度 - 設定圖片疊加層的陰影。疊加層陰影可以加深您的圖片外觀,讓投影片文字易於閱讀。
  • 文字顏色 - 設定投影片的文字顏色。
  • 文字對齊 - 對齊投影片的文字。
  • 標題 - 新增標題到投影片。
  • 按鈕標籤 - 將含有文字標籤的按鈕新增到投影片。
  • 按鈕連結 - 設定按鈕要連結至哪個網址或頁面。請貼上網址或從選單中選取頁面。如果您不希望在此區段中加上按鈕,請將此欄位保留空白。

設定

  • 投影片高度 - 設定投影片高度。選擇「配合第一張圖片投影片高度」,以第一張圖片的高度做為投影片高度的基礎。
  • 自動輪播投影片 - 設定自動開始素材輪播。
  • 換投影片的頻率 - 選擇換投影片的頻率。
  • 轉場效果 - 選擇要讓圖片滑動或淡化。
  • 文字大小 - 設定您投影片的文字大小。

將投影片新增至您的首頁

  1. 按一下「新增區段」。
  2. 點擊「素材輪播」,然後點擊「選取」。
  3. 2. 在「內容」區域中,點擊「投影片」,然後執行下列任一操作:- 若要選取已上傳至 Shopify 管理介面的圖片,請點擊「圖庫」分頁。
  4. 若要從 Burst 中選取圖庫圖片,請點擊「免費圖片」分頁。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
  5. 若要從電腦本機中選取圖片,請點擊「圖庫」分頁,然後點擊「上傳」。

  6. 若要新增額外的投影片,請點擊「新增投影片」。

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

  8. 點擊「儲存」。

電子報

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

將訂閱電子報新增至首頁

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

  2. 點擊「電子報」,然後點擊「選取」。

  3. 輸入「訂閱電子報」的標題。

  4. 輸入訂閱電子報的副標題。

  5. 點擊「儲存」。

地圖

您可以將 Google 地圖新增至首頁,向客戶顯示您商家所在的位置。

秘訣:若要顯示地圖,您必須註冊 Google Maps API 金鑰

地圖區段包括下列設定:

  • 標題 - 為地圖區段加上標題。
  • 地址和營業時間 - 為地圖區段加上商店的地址和營業時間。
  • 地圖地址 - 設定地圖以顯示商店地點。
  • 地圖連結標籤 - 新增連結至您在 Google Maps 上地點的按鈕。
  • 顯示圖釘 - 在地圖上新增顯示您商店精確位置的圖釘。
  • Google Maps API 金鑰 - 為地圖區段加上地圖的 API 金鑰。
  • 圖片 - 新增在地圖未載入時要顯示的圖片。
  • 圖片位置 - 設定圖片的位置。

將地圖新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「地圖」,然後點擊「選取」。
  3. 使用設定來自訂您的地圖區段。
  4. 點擊「儲存」。

RTF 文字

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

RTF 文字區段包括下列設定:

  • 標題 - 為 RTF 文字區段加上標題。
  • 文字 - 新增自訂文字並設定其格式。 如果要展示商店中的精選頁面,請點擊「新增內容」,然後點擊「頁面」。從下拉式選單中選擇要展示作為首頁的頁面。
  • 尺寸 - 設定文字尺寸。

將 RTF 文字新增至首頁

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

  2. 點擊「RTF 文字」,然後點擊「選取」。

  3. 使用設定來自訂您的 RTF 文字區段。

  4. 點擊「儲存」。

影片

您可以將 YouTube 或 Vimeo 影片新增至首頁。影片可以吸引客戶,讓客戶對您的業務產生興趣。

若要新增影片,您必須找出影片的分享連結:

  • YouTube - Youtube 分享連結如下所示:https://youtu.be/ZXWgHlnVVEY。您可以在此 YouTube 說明文章中,瞭解如何複製 YouTube 影片的分享連結。
  • Vimeo - Vimeo 分享連結如下所示:https://vimeo.com/123456789。您可以在此 Vimeo 說明中心文章中,瞭解如何複製 Vimeo 影片的分享連結。

影片區段包括下列設定:

  • 標題 - 為影片區段加上標題。
  • 影片連結 - 為您的影片加上分享連結。

將影片新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「影片」,然後點擊「選取」。
  3. 使用此設定來自訂您的影片區段。
  4. 點擊「儲存」。

自訂 HTML

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

將自訂 HTML 區段新增至首頁

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

  2. 點擊「自訂 HTML」,然後點擊「選取」。

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

  4. 點擊「儲存」。

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

免費試用