Supply 的區段

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

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

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

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

Supply 包括以下的靜態區段:

  • 標頭
  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 文章頁面

動態區段

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

Supply 包括以下的動態區段:

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

標頭

Supply 可為您商店的標頭提供一些獨特的設定。您可以選擇要在標頭中顯示的選單、上傳標誌以及向顧客顯示訊息。

如要自訂標頭:

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

  2. 點擊「標頭」。

  3. 從「選單」清單中選擇要顯示的選單。

商標

您可以使用 Supply,在商店的標頭中加入標誌。如果您使用自訂標誌,最佳格式為包含透明底色的 .png 檔。

Supply 搭配 400 像素寬的標誌可呈現最佳視覺效果。您可以使用「自訂標誌寬度」欄位變更圖片的寬度。請勿將值提高到超出標誌圖片原本的寬度。否則可能會導致圖片失真和畫質減損。

訊息

您可以使用 Supply,在商店的標頭中輸入最多 55 個字元的訊息。此訊息會顯示在搜尋列上方。

例如,您可以輸入問候訊息、宣傳特賣或新的商品系列,或通知客戶運送延誤。

如要新增標頭訊息:

  1. 在「訊息」區域中,輸入標頭訊息。

  2. (選用) 對部分文字套用粗體或斜體樣式。

  3. 點擊「儲存」。

頁尾

您可以在頁尾區段中編輯顯示在商店每一頁底部的內容。您可以在頁尾加入以下功能:

  • 社交媒體圖示
  • 付款圖示
  • 橫向選單
  • 訂閱電子報
  • 自訂文字
  • 快速連結

如要自訂頁尾區段:

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

  2. 點擊「區段」。

  3. 點擊「頁尾」。

  4. 勾選「顯示社群媒體圖示」,以便在頁尾顯示社群媒體圖示。從「社群媒體」佈景主題設定中選擇要連結的帳號。

  5. 勾選「顯示付款圖示」,以便在頁尾新增付款圖示 (例如 Mastercard 或 PayPal)。

  6. 從「法律選單」區域將橫向選單加入頁尾底部。如要編輯預設選單,請按一下「編輯選單」。如要變更為其他選單,請按一下「變更」,然後選擇現有選單或按一下「建立選單」。

  7. 在「內容」區域的頁尾最多可新增九個內容區塊:

- 按一下「新增內容」以新增內容區塊。從以下選項中選擇區塊的類型: - 選單 - RTF 文字 - 訂閱電子報

- 按一下 ⁞⁞ 圖示以移動內容區塊並將區塊拖曳至其他位置。 - 若要移除內容區塊,請依序按一下區塊和「移除內容」。 - 若要自訂內容區塊,請按一下區塊並編輯設定。

  1. 點擊「儲存」。

產品頁面

您可以在「產品」區段中,新增或移除以下元素:

  • 圖片縮放
  • 數量選擇器
  • 庫存資訊
  • 產品品牌或廠商
  • 省錢資訊
  • 相關產品
  • 動態結帳按鈕
  • 社交分享圖示
  • 客戶評論

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

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

  2. 點擊「區段」。

  3. 按一下「產品」。

  4. 如要允許客戶透過將滑鼠游標懸停在產品圖片上方來放大圖片,請勾選「啟用圖片縮放」。

  5. 如要顯示數量選擇器,請勾選「顯示數量選擇器」。

  6. 如要在庫存不足時顯示剩餘庫存,請勾選「現貨少於 10 項時顯示庫存」。您需要為產品啟用庫存追蹤功能才能顯示此訊息。

  7. 如要顯示售罄產品何時會有現貨供應的訊息,請勾選「在售完時顯示即將調貨的訊息」。訊息中會顯示以下內容:「(日期) 後會有現貨」。您需要為產品建立調貨功能才能顯示此訊息。

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

  9. 如要顯示客戶省下的金額,請勾選「顯示省下金額」。省下金額是產品定價與售價之間的差額。省下的金額會無條件捨去為最接近的整數美元。例如,如果價差 25.51 美元,則省下的金額為「25 美元」。如要顯示已省下的金額,您需要設定產品的售價。

  10. 如要顯示售價,請勾選「顯示售價」。

  11. 若要在頁面底部顯示一系列相關產品,請勾選「顯示相關產品」。畫面顯示的相關產品會視產品所屬商品系列而定。若要顯示相關產品,您需要為產品建立商品系列,或將其加入現有的商品系列。如果產品不屬於任何商品系列,就不會顯示相關產品。

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

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

  14. 如要顯示產品的客戶評論,請勾選「啟用產品評論」。如要顯示評論,您需要安裝免費的 Shopify 產品評論應用程式並接收產品評論。

  15. 如要設定變體選擇器、「加入購物車」按鈕和動態結帳按鈕的尺寸,請在「變體選擇器和按鈕尺寸」下拉式選單中選擇尺寸。

  16. 點擊「儲存」。

商品系列頁面

您可以使用 Supply,在商品系列頁面側邊欄選單中指定商品系列的排序方式。您可以選擇按照產品標籤或篩選群組進行排序。

  1. 在您商店的佈景主題編輯器預覽中,開啟商品系列頁面。

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

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

  4. 從「每列產品數」下拉式清單中,選擇要在每一列中顯示的產品數量。

  5. 從「每頁列數」下拉式清單中,選擇要顯示的列數。

  6. 在「側邊欄產品篩選」下,選擇按產品標籤或按篩選群組來排序商品系列。

  7. 如要在商品系列中的產品降價時顯示售價,或者要與競爭對手的價格進行比較,請勾選「顯示售價。」

  8. 如要顯示產品降價時客戶省下的金額,請勾選「顯示省下金額」。

  9. 如要允許在商品系列頁面上顯示產品評論,請勾選「啟用產品評論」。

  1. 點擊「儲存」。

精選商品系列

使用「精選商品系列」區段,選擇在您的首頁上顯示最多 6 個產品的商品系列。客戶按下首頁的精選商品系列後,畫面就會顯示該商品系列的精選產品。如果沒有精選產品,就會顯示該商品系列中的第一張產品圖片。

如要在首頁顯示精選商品系列:

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

  2. 按一下「精選商品系列」。

  3. 在「內容」區域中,按一下「商品系列」。

  4. 從「商品系列」下拉式清單中,選擇要顯示的商品系列。

  5. 繼續新增商品系列,直到已選擇所有要顯示的商品系列。

  6. 點擊「儲存」。

素材輪播

您可以使用「投影片輪播」區段,上傳用於投影片輪播的圖片。您可以選擇是否要自動旋轉投影片輪播中的圖片,並且可以設定圖片旋轉的頻率 (以秒為單位)。

秘訣:如果素材輪播中的圖片包含文字,請設定較慢的轉場速度,讓您的客戶有足夠的時間可以看清楚每張投影片。

您可以使用 Supply 為首頁選擇最多 6 張投影片的圖片。您可以為每張投影片加入一個 URL 連結,讓客戶可以按一下該連結以開啟商店的頁面。

建議每張投影片的圖片寬 1000 像素,高 500 像素。如果投影片輪播使用具有不同高度的圖片,在投影片轉場時可能會出現圖片跳片或不連貫的情形。

如要自訂素材輪播內容:

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

  2. 按一下「幻燈片」

  3. 如果要自動旋轉投影片的圖片,請在「設定」區域中勾選「自動旋轉投影片」。

  4. 從「轉場時間」下拉式清單中,選擇旋轉頻率 (以秒為單位)。

如要新增圖片投影片:

  1. 在「內容」區域中,按一下「圖片」。

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

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

  1. 如果要將加入投影片的連結,請執行以下操作:

- 如要將投影片上的文字連結到商店的頁面,請按一下「連結 URL」欄並選擇頁面。 - 如果要將投影片上的文字連結到網站,請將網站的 URL 貼在「投影片連結」欄位中。

  1. 點擊「儲存」。

電子報

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

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

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

  2. 點擊「區段」。

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

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

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

  6. 點擊「儲存」。

影片

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

如要為首頁新增影片:

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

  2. 點擊「區段」。

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

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

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

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

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

  6. 點擊「儲存」。

自訂內容

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

若要為首頁新增自訂內容:

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

  2. 按一下「區段」。

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

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

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

  6. 按一下「儲存」。

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

免費試用