Brooklyn 的頁面區段

頁面區段為顯示於線上商店特定位置的固定區段。例如,「產品」區段就決定了線上商店各個產品頁面的外觀。您可以自訂頁面區段,但無法將其重新排列或移除。瞭解如何自訂這些區段以符合業務狀況。

產品頁面

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

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

  • 啟用圖片縮放 - 讓客戶放大產品圖片。
  • 啟用產品分享按鈕 - 顯示顧客可用來將產品分享至社群媒體的按鈕。顯示的分享選項是由佈景主題設定所控制。
  • 顯示產品廠商 - 顯示產品品牌或廠商。若要顯示品牌或廠商,您必須先為產品新增廠商
  • 圖片顯示 - 設定顯示產品圖片的方式。
  • 顯示數量選擇器 - 讓客戶將多項產品加入購物車。
  • 選擇器類型 - 設定數量選擇器的樣式。
  • 顯示動態結帳按鈕 - 新增動態結帳按鈕
  • 產品推薦 - 新增產品推薦清單。

自訂產品頁面

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

商品推薦

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

啟用產品推薦功能

  1. 選取「產品頁面」。

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

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

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

  5. 點擊「儲存」。

商品系列頁面

商品系列頁面會顯示屬於該商品系列的所有產品。您商店中的每個商品系列都有各自的商品系列頁面。

Brooklyn 針對商品系列提供兩種版面配置選項:

  • 拼貼 - 拼貼樣式會混合顯示尺寸不一的產品圖片。

    若要瞭解在拼貼版面配置中放大顯示特定產品圖片的設定方式,請參閱 Brooklyn 的秘訣

    商品系列頁面會顯示一張大型產品圖片,接著是垂直堆疊的兩張小型產品圖片。

  • 網格 - 網格樣式會以表格格式顯示產品圖片。所有產品圖片的尺寸大小皆一致。

商品系列頁面會顯示一列高度相同的三張圖片。

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

  • 顯示商品系列圖片 - 在商品系列頁面最上方顯示商品系列圖片。
  • 啟用商品系列排序 - 新增可讓客戶以不同方式排序商品系列的選單,例如按字母排序或按價格排序。
  • 啟用標籤篩選功能 - 新增篩選條件,讓顧客用來檢視商品系列中有特定標籤之產品。若要在商品系列頁面中顯示篩選條件,您必須先為該商品系列中的產品新增標籤
  • 格狀樣式 - 在頁面上設定產品的版面配置。
  • 顯示產品廠商 - 顯示產品品牌或廠商。

自訂您的商品系列頁面

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

商品系列清單頁面

商品系列清單頁面區段是商品系列清單頁面的主要可自訂區段。您的顧客可使用商品系列清單頁面快速瀏覽商品系列,以找出他們想瀏覽的商品系列。此處可顯示商店中的所有商品系列,或顯示您選取的商品系列群組

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

  • 內容 - 此為要顯示於商品系列清單頁面的商品系列。此清單僅在「選取要顯示的商品系列」設為「已選取」時適用。
  • 選擇要顯示的商品系列 - 選擇要顯示哪些商品系列。
  • 商品系列排序依據 - 設定如何排序商品系列。此設定僅在「選取要顯示的商品系列」設為「全部」時適用。

自訂商品系列清單頁面

  1. 選取「商品系列清單」。
  2. 點擊「商品系列清單頁面」區段。
  3. 選用:在「內容」區域中,點擊「新增商品系列」,以在商品系列清單頁面新增商品系列。
  4. 使用設定來自訂商品系列清單頁面區段。
  5. 點擊「儲存」。

文章頁面

文章內容」區段是您商店文章頁面的主要可自訂區段。「文章」範本可套用於部落格文章等項目。您可以在文章頁面啟用社群分享選項,讓顧客可以向別人分享您的文章。

在文章頁面啟用社群分享按鈕

  1. 選取「部落格文章」。
  2. 點擊「文章頁面」區段。
  3. 勾選「顯示社群分享」按鈕以在您的部落格文章上顯示社群分享按鈕。您可以在社群媒體設定中選擇要提供分享選項的平台。
  4. 點擊「儲存」。

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

免費試用