Minimal 的區段

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

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

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

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

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

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

靜態區段

Minimal 包括以下的靜態區段:

  • 標頭
  • 頁尾
  • 產品頁面
  • 商品推薦
  • 商品系列頁面
  • 商品系列清單頁面
  • 部落格
  • 文章
  • 購物車頁面

動態區段

Minimal 包括以下的動態區段:

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

標頭

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

您可以在標頭中自訂以下項目:

  • 商標
  • 公告列
  • 選單
  • 搜尋

新增自訂標誌

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

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

  • 自訂標誌寬度 (以像素為單位):標誌的寬度。 - 靠左對齊標誌。選取此選項,標誌便會靠商店左側邊界對齊;若取消選取此選項,標誌便會置中。

新增並設定標誌

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

新增公告列

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

  1. 點擊「標頭」。
  2. 在「公告列」區域中,勾選「顯示公告」。
  3. 輸入公告文字。
  4. 選用:輸入網址以新增公告連結。
  5. 點擊「儲存」。

新增選單

您可以將選單新增至頁首。這樣會在頁首顯示所有選單上的連結,用來凸顯顧客想要存取的常見頁面。例如,您可以新增連結至商品系列的選單。

  1. 點擊「標頭」。

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

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

    1. 若要置中選單並在不同的行中顯示,請選取「將主選單置中於標誌下方」。
  4. 若要在選單上方和下方新增一行以和商店其他內容區隔,請選取「在頁首顯示分隔線」。

  5. 點擊「儲存」。

啟用搜索

您可以在標頭新增搜尋選項,可讓顧客可以在您的商店快速找到商品。

  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


- Social accounts



- Latest blog post

您最多可以新增 6 個內容區塊。

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

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

  1. 點擊「儲存」。

產品頁面

產品頁面會顯示產品的所有詳細資訊,並包含「加入購物車」按鈕。您商店中的每項產品都有各自的產品頁面。您可以使用產品頁面區段,自訂產品頁面中的產品外觀和功能。

產品頁面區段包括下列設定:

設定

  • 顯示產品廠商 - 顯示產品品牌或廠商。若要顯示品牌或廠商,您必須先為產品新增廠商
  • 顯示數量選擇器 - 讓使用者指定要新增至購物車的數量。
  • 圖片縮放類型 - 設定產品圖片的縮放樣式。選取「無縮放」讓顧客無法放大。
  • 產品縮圖位置 - 設定其他產品圖片的縮圖位置。

說明

  • 在產品說明旁邊顯示分頁 - 在另一個分頁上顯示頁面內容 (如尺寸表或退貨政策)。選取要顯示於分頁內容的頁面。
  • 啟用產品分享按鈕 - 顯示顧客可用來將產品分享至社群媒體的按鈕。顯示的分享選項是由佈景主題設定所控制。

產品選項表單

  • 顯示動態結帳按鈕 - 新增動態結帳按鈕
  • 子類選擇器和按鈕尺寸 - 設定子類選擇器、「加入購物車」按鈕和動態結帳按鈕的尺寸。

自訂產品頁面

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

商品推薦

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

啟用產品推薦功能

  1. 選取「產品頁面」。

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

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

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

    1. 選用:勾選下列一或多個選項,選擇產品推薦的顯示方式:* 顯示產品廠商 * 顯示「特價」圓圈 * 在產品圖片下方置中文字
  5. 點擊「儲存」。

商品系列頁面

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

  • 顯示產品廠商 - 在產品名稱下方顯示各產品的廠商。
  • 顯示產品特價圓圈 - 在特價產品上顯示徽章。
  • 顯示產品售罄圓圈 - 在產品庫存量為零時新增徽章和疊加層。
  • 啟用商品系列排序功能 - 讓顧客在商品系列頁面中對產品進行排序。
  • 啟用按產品標籤篩選功能 - 讓顧客按產品標籤篩選商品系列。
  • 在產品圖片下方置中文字 - 將每項產品的名稱、價格和廠商放到各自圖片的下方並置中顯示。

編輯商品系列頁面設定

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

部落格

如果您的部落格文章由多位員工撰寫,則您可能會想在「部落格」頁面上自動顯示每篇部落格文章的作者姓名。

顯示部落格文章作者

  1. 選取「部落格」。
  2. 按一下「部落格」區段。
  3. 勾選「顯示部落格貼文作者」。
  4. 點擊「儲存」。

文章

文章」區段中是您商店文章頁面的主要可自訂區段。「文章」範本則可套用於部落格文章。

文章區段包含下列設定:

  • 顯示部落格文章作者 - 如果您有多名員工為您撰寫部落格文章,請選取此選項,藉此在部落格文章標題的下方顯示文章作者。
  • 啟用部落格文章分享按鈕 - 在部落格文章上顯示社群分享按鈕。您可以在社群媒體設定中選擇要提供分享選項的平台。

自訂「文章」區段

  1. 選取「部落格文章」。
  2. 點擊「文章」區段。
  3. 使用此設定自訂文章區段。
  4. 點擊「儲存」。

購物車頁面

購物車頁面」區段是線上商店購物車的主要可自訂區段。您可以在購物車頁面中啟用訂單備註,讓顧客可以在訂單中包含特別指示。

啟用訂單備註

  1. 選取「購物車」。
  2. 按一下「購物車頁面」區段。
  3. 選取「啟用訂單備註」。
  4. 點擊「儲存」。

精選商品系列

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

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

  • 標題 - 新增要在商品系列中顯示於產品上方的文字。此處的預設文字為「精選商品系列」。
  • 商品系列 - 選擇要顯示於此區段的商品系列。
  • 每列產品數 - 設定此區段中每一列要顯示的產品數量。
  • - 設定此區段中要顯示的產品列數。
  • 顯示產品廠商 - 在產品名稱下方顯示各產品的廠商。
  • 顯示「特價」圓圈 - 在特價產品上顯示徽章。
  • 顯示「售罄」圓圈 - 在產品庫存量為零時新增徽章和疊加層。
  • 在產品圖片下方置中文字 - 將每項產品的名稱、價格和廠商放到各自圖片的下方並置中顯示。

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

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

素材輪播

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

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

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

內容

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

設定

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

將投影片新增至您的首頁

  1. 按一下「新增區段」。
  2. 點擊「素材輪播」,然後點擊「選取」。
  3. 使用設定來自訂素材輪播
  4. 點擊「儲存」。

電子報

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

將訂閱電子報新增至首頁

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

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

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

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

  5. 按一下「背景顏色」色樣並選擇顏色,以設定訂閱電子報區段的背景顏色。

  6. 點擊「儲存」。

地圖

您可以將 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 銷售商品了嗎?

免費試用