商品系列頁面
商品系列是您將特定商品按類別分組而建立的頁面。您可以有自動商品系列和手動商品系列。
根據預設,在佈景主題編輯器中,商品系列頁面具有商品系列橫幅和商品網格區段。
「商品系列橫幅」區段的相關設定
商品系列橫幅區段顯示目前瀏覽的商品系列描述和主要圖片。
設定 | 說明 |
---|---|
顯示商品系列說明 | 顯示商品系列的說明內容。 |
顯示商品系列圖片 | 顯示商品系列圖片。 |
顏色配置 | 您可套用至此區段的一組顏色。深入瞭解顏色配置。 |
「商品網格」區段的相關設定
商品網格區段顯示目前瀏覽的商品系列中包含的商品。
設定 | 說明 |
---|---|
每頁產品數 | 您希望在每個頁面上顯示的商品數量。選擇 4 的任何倍數。介於 8 至 36 之間。 |
電腦版的欄數 | 設定桌上型電腦所顯示的商品欄數。選擇介於 1 到 6 之間的數字。 |
顏色配置 | 您可套用至此區段的一組顏色。深入瞭解顏色配置。 |
圖片比例 | 設定商品網格中所顯示的商品主要圖片的圖片比例。從以下選項中進行選擇:
|
圖片形狀 | 為您的商品圖片選擇下列其中一種圖片形狀:
|
游標暫留時顯示次要圖片 | 當顧客在桌上型電腦上將游標停留在商品圖片上時,顯示商品的次要圖片(若有的話)。 |
顯示廠商 | 顯示每項產品的廠商。 |
顯示產品評等 | 顯示商品的平均星級評等,並在括號中顯示評論數,例如:★★★★★ (8)。同時也需要商品評價應用程式,以及下列項目的中繼欄位定義:reviews.rating_count 和 reviews.rating。 |
快速新增 | 如果您啟用了「快速新增」按鈕,您的顧客可以從商品卡片將品項新增至購物車。從以下選項中進行選擇: |
啟用篩選功能 | 如果您希望您的顧客可以選擇篩選商品網格,選取此選項。 |
電腦版濾鏡版面配置 | 設定桌上型電腦如何顯示您的篩選條件。選擇橫向、直向或隱藏式側邊選單版面配置。 |
啟用排序功能 | 如果您希望您的顧客可以選擇商品的顯示排序方式,選取此選項。 |
行動版的欄數 | 設定手機裝置所顯示的商品欄數。選擇 1 或 2 欄。 |
頂端邊框間距 | 設定頂部空間數。 |
底部邊框間距 | 設定底部空間數。 |
以及商品網格區段設定,您亦可以檢視和自訂商品卡片的一些佈景主題設定。您還可以新增您自己的區段特定的自訂 CSS。