商品系列頁面

商品系列是您將特定商品按類別分組而建立的頁面。您可以有自動商品系列手動商品系列

根據預設,在佈景主題編輯器中,商品系列頁面具有商品系列橫幅商品網格區段。

「商品系列橫幅」區段的相關設定

商品系列橫幅區段顯示目前瀏覽的商品系列描述和主要圖片。

商品系列頁面商品系列橫幅區段的設定
設定說明
顯示商品系列說明顯示商品系列的說明內容。
顯示商品系列圖片顯示商品系列圖片。
顏色配置您可套用至此區段的一組顏色。深入瞭解顏色配置

「商品網格」區段的相關設定

商品網格區段顯示目前瀏覽的商品系列中包含的商品。

商品系列頁面上商品網格區段的設定
設定說明
每頁產品數您希望在每個頁面上顯示的商品數量。選擇 4 的任何倍數。介於 8 至 36 之間。
電腦版的欄數設定桌上型電腦所顯示的商品欄數。選擇介於 1 到 6 之間的數字。
顏色配置您可套用至此區段的一組顏色。深入瞭解顏色配置
圖片比例設定商品網格中所顯示的商品主要圖片的圖片比例。從以下選項中進行選擇:
  • 依圖片調整 - 使用圖片本身的寬高比,可避免圖片遭到裁切。
  • 縱向 - 使用 2:3 的比例裁剪圖片。
  • 正方形 - 使用 1:1 的比例裁剪圖片。
圖片形狀為您的商品圖片選擇下列其中一種圖片形狀:
  • 預設:將商品圖片變更為長方形。
  • 拱形:使商品圖片頂端呈現弧形。
  • 斑點:將商品圖片顯示為六個隨機斑點形狀的其中一個形狀,停留時會顯示獨特的動畫。
  • > 形箭頭向左:將商品圖片變更為向左的 > 形箭頭。
  • > 形箭頭向右:將商品圖片變更為向右的 > 形箭頭。
  • 菱形:將商品圖片變更為菱形四邊形。
  • 平行四邊形:將商品圖片變更為由兩組平行線組成的形狀。
  • 圓形:將商品圖片顯示為圓形或橢圓形,停留時會顯示獨特的動畫。
游標暫留時顯示次要圖片當顧客在桌上型電腦上將游標停留在商品圖片上時,顯示商品的次要圖片(若有的話)。
顯示廠商顯示每項產品的廠商。
顯示產品評等顯示商品的平均星級評等,並在括號中顯示評論數,例如:★★★★★ (8)。同時也需要商品評價應用程式,以及下列項目的中繼欄位定義reviews.rating_countreviews.rating
快速新增如果您啟用了「快速新增」按鈕,您的顧客可以從商品卡片將品項新增至購物車。從以下選項中進行選擇:
  • :不顯示快速新增功能。
  • 標準:在商品卡上顯示以下快速新增按鈕之一:
    • 新增至購物車:適用於單品項商品。顧客點擊按鈕後,該商品即會自動新增至購物車。
    • 選擇子類:適用於帶子類的商品。當顧客點擊按鈕時,顯示彈出式對話,供客戶選擇子類,然後繼續購買。
  • 批量:顯示快速訂單清單功能。
啟用篩選功能如果您希望您的顧客可以選擇篩選商品網格,選取此選項。
電腦版濾鏡版面配置設定桌上型電腦如何顯示您的篩選條件。選擇橫向直向隱藏式側邊選單版面配置。
啟用排序功能如果您希望您的顧客可以選擇商品的顯示排序方式,選取此選項。
行動版的欄數設定手機裝置所顯示的商品欄數。選擇 1 或 2 欄。
頂端邊框間距設定頂部空間數。
底部邊框間距設定底部空間數。

以及商品網格區段設定,您亦可以檢視和自訂商品卡片的一些佈景主題設定。您還可以新增您自己的區段特定的自訂 CSS

沒有找到您需要的答案嗎?我們很樂意為您提供協助。