Venture 的區段

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

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

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

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

靜態區段

Venture 包括以下靜態區段:

  • 標頭
  • 頁尾
  • 產品頁面
  • 商品推薦
  • 商品系列
  • 商品系列清單頁面
  • 購物車頁面
  • 文章內容
  • 精選產品

動態區段

Venture 包括以下動態區段:

  • 部落格文章
  • 素材輪播
  • 商品系列清單
  • 精選商品系列
  • 精選產品
  • 圖庫
  • 附文字的圖片
  • 附文字的圖片連結
  • 商標清單
  • 多重連結區塊
  • 電子報
  • 地圖
  • 搜尋
  • RTF 文字
  • 推薦文
  • 附圖片的文字欄
  • 影片
  • 自訂 HTML

標頭

您佈景主題的標頭是顯示在商店每個頁面頂部的區段。 您可以在標頭中自訂以下項目:

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

新增自訂標誌

您可以將自訂標誌圖片新增至商店的頁首。最佳格式為包含透明背景的 .png 檔。您可以藉由增加或縮減寬度來調整標誌圖片的尺寸大小。

  1. 點擊「標頭」。
  2. 在「標誌圖片」區域,點擊「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳至「Shopify 管理員」的圖片,請按一下「圖庫」索引標籤。

    • 若要從電腦本機中選取圖片,請點擊「圖庫」>「上傳」。
  3. 在「自訂標誌寬度 (以像素為單位)」欄位中輸入標誌寬度。

  4. 點擊「儲存」。

新增公告列

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

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

新增選單

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

  1. 點擊「標頭」。

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

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

  4. 點擊「儲存」。

顯示或隱藏選單中的商品系列圖片

您可以在 Venture 下拉式選單中顯示商品系列的產品圖片。如果顧客在選單中看到喜歡的商品,他們可以直接前往產品頁面,而不用在商品系列頁面中搜尋該商品。

選取了一個選單的標頭。選單中顯示商品系列中的產品圖片。

如要顯示商品系列的產品圖片,您的選單必須符合下列條件:

  • 您的選單中必須有巢狀選單項目
  • 最上層項目必須是商品系列。
  • 您必須從「連結」選單中選擇商品系列,並將其新增至最上層選單。如果以手動方式將商品系列網址輸入至「連結」中,則圖片將不會顯示出來。

如果您的選單不符合這些條件,則頂層導覽選單將會顯示連結,而非產品圖片。

若要隱藏頂層巢狀選單的產品圖片,請在「連結」中以手動方式輸入商品系列網址。

頁尾

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

  • 付款圖示
  • 選單
  • 社交媒體圖示
  • 訂閱電子報
  • 文字

出現在頁尾的社群媒體圖示,須在佈景主題設定中調整。

新增付款圖示

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

  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

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

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

  1. 點擊「儲存」。

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

產品頁面

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

  • 商品加入購物車時停留在目前頁面 - 若您希望顧客點擊「新增至購物車」按鈕時仍停留在產品頁面,而非前往購物車頁面,則選取此選項。
  • 可供貨的產品低於 10 個時顯示庫存 - 庫存數量不多時,顯示剩餘庫存數量。若要顯示庫存量,您需要為產品啟用庫存追蹤功能
  • 顯示動態結帳按鈕 - 讓顧客可以略過購物車,並從「精選產品」區段直接前往結帳頁面。
  • 啟用產品分享按鈕 - 顯示顧客可用來將產品分享至社群媒體的按鈕。顯示的分享選項是由佈景主題設定所控制。

編輯產品頁面設定

  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. 點擊「儲存」。

素材輪播

您可以使用 Venture 在首頁上顯示大型素材輪播。

素材輪播圖片的建議大小為 1800 x 1000 像素。Venture 的素材輪播為響應式播放,表示其會根據您客戶用於檢視商店的裝置來動態調整圖片大小,並加以裁剪。如需有關最佳化圖片的詳細資訊,請參閱「圖片的最佳作法」。

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

內容

  • 圖片 - 新增要顯示於素材輪播的圖片。
  • 連結網址 - 將您的投影片連結至線上商店的其他部分。
  • 圖片位置 - 選擇圖片中最重要的區域,當作投影片的焦點。
  • 標題 - 新增標題到投影片。
  • 按鈕文字 - 為投影片新增含有文字標籤的按鈕。
  • 按鈕連結 - 設定按鈕要連結至哪個網址或頁面。請貼上網址或從選單中選取頁面。如果您不希望在此區段中加上按鈕,請將此欄位保留空白。

設定

  • 投影片高度 - 設定素材輪播高度。選取「配合第一張圖片」,便能以第一張圖片的高度作為素材輪播的高度基準。
  • 自動輪播投影片 - 設定自動開始素材輪播。
  • 換投影片的頻率 - 選擇換投影片的頻率。

自訂素材輪播

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

    1. 若要變更圖片會在素材輪播中顯示的部分,請在「圖片位置」下拉式選單選取選項。
    2. 如果要將加入投影片的連結,請執行以下操作: - 如要將投影片上的文字連結到商店的頁面,請按一下「連結 URL」欄並選擇頁面。
    3. 如果要將投影片上的文字連結至網站,請將該網站的網址貼在「連結網址」欄位中。
    4. 若要將文字加入投影片,請執行以下操作:
      1. 在「標題」欄位中,輸入要顯示於投影片上的標題。
      2. 在「副標題」欄位中,輸入要顯示在標題下方的副標題文字。
  6. 使用設定來自訂素材輪播

  7. 點擊「儲存」。

商品系列清單

若使用桌上型電腦和平板電腦,最多可以在首頁中顯示六個精選商品系列。

若使用行動裝置,精選商品系列區段依預設會顯示商店的主選單。如此一來,使用行動裝置的顧客便可以更輕鬆地查看商店的庫存產品。

您可以勾選「使用次要圖片版面配置」,讓您的商品系列圖片填滿所有圖塊。若您選擇此選項,則可能需要在「精選商品系列圖塊」的顏色設定變更。

將商品系列清單新增至首頁

  1. 點擊「新增區段」。2. 點擊「商品系列清單」,然後點擊「選取」。3. 若要將商品系列新增至此區段,請自訂各個「商品系列」區塊:1. 點擊一個商品系列區塊,後點擊「選取商品系列」。2. 從「商品系列」下拉式清單中,選取要顯示的商品系列,或點擊「建立商品系列」以建立新的商品系列。3. 點擊「選取」。4. 若要新增其他商品系列區塊,請點擊「新增商品系列」。5. 點擊「儲存」。

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

精選商品系列

您可以在首頁展示來自其中一個商品系列的產品。

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

  • 商品系列 - 選擇要展示其產品的商品系列。
  • - 設定此區段中要顯示的產品列數。

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

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

精選產品

您可以在首頁上展示商品。展示產品是宣傳新產品或促銷產品的好方式。

精選產品區段包括下列設定:

  • 產品 - 選擇要在首頁上展示的精選產品。
  • 商品加入購物車時停留在目前頁面 - 若您希望顧客點擊「新增至購物車」按鈕時仍停留在產品頁面,而非前往購物車頁面,則選取此選項。
  • 可供貨的產品低於 10 個時顯示庫存 - 庫存數量不多時,顯示剩餘庫存數量。若要顯示庫存量,您需要為產品啟用庫存追蹤功能
  • 啟用產品分享按鈕 - 顯示顧客可用來將產品分享至社群媒體的按鈕。顯示的分享選項是由佈景主題設定所控制。顯示動態結帳按鈕 - 讓顧客可以略過購物車,並從精選產品區段直接前往結帳頁面。

將精選產品添加到首頁

  1. 按一下「新增區段」。
  2. 點擊「精選產品」,然後點擊「選取」。
  3. 點擊「選取產品」選取要在區段中展示的產品,然後從清單中選擇產品。
  4. 使用設定來自訂您的精選產品區段。
  5. 點擊「儲存」。

附文字的圖片

Venture 包含「附文字圖像」區段,包含了圖片和文字區塊的組合。

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

  5. 若要新增文字,請執行下列操作:

    1. 點擊「新增內容」>「附文字圖像」。
    2. 在「標題」欄位中,輸入要顯示的標題文字。
    3. 在「文字」欄位中,輸入要顯示在標題下方的文字。
    4. 在「文字對齊」區域中,選取要以何種方式對齊區塊中的段落。
  6. 點擊「儲存」。

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

電子報

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

將訂閱電子報新增至首頁

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

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

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

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

  5. 點擊「儲存」。

地圖

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

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

地圖區段包括下列設定:

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

將地圖新增至首頁

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

影片

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

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

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

影片區段包括下列設定:

設定

  • 按鈕標籤 - 新增要在播放按鈕上顯示的文字。
  • 影片連結 - 為您的影片加上分享連結。

封面

  • 圖片 -新增影片未播放時,影片區段會顯示的圖片。
  • 圖片位置 - 設定影片區段中圖片的顯示位置。
  • 圖片高度 - 設定佔位符圖片的高度。

疊加層

  • 顯示疊加層 - 在佔位符圖片和按鈕標籤之間新增一層顏色。疊加層可讓影片上的文字更容易閱讀,並且在點擊播放按鈕前會一直顯示。
  • 疊加層 - 設定疊加層的顏色。
  • 不透明度 - 設定疊加層的不透明度。

將影片新增至首頁

  1. 按一下「新增區段」。
  2. 點擊「影片」,然後點擊「選取」。
  3. 將影片的分享連結貼上至「影片連結」欄位。
  4. 使用設定來自訂您的影片區段。
  5. 點擊「儲存」。

自訂 HTML

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

將自訂 HTML 區段新增至首頁

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

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

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

  4. 點擊「儲存」。

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

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

免費試用