在佈景主題編輯器中:自訂商品系列頁面新增區段商品系列頁面

商品系列頁面

商品系列的商品格狀排列,附篩選、排序和分頁。

篩選條件來自 Shopify 的 Search & Discovery 應用程式。在那裡加入庫存狀態、價格、類型和您的選項。

設定

標題

在此區段顯示標題
開啟或關閉預設: 開啟當此區段上方有獨立的「商品系列標題」區段時請關閉。標題、數量、說明和導覽路徑會來自該區段。篩選與排序按鈕一律留在這裡,位於商品上方。
顯示商品系列說明
開啟或關閉預設: 關閉
標題上方間距
滑桿,0 到 60 px預設: 8 px在手機上以該數值的 75% 顯示。
標題區下方間距
滑桿,0 到 60 px預設: 24 px
導覽路徑使用的選單
選單當商品系列位於此選單的某個項目之下時,該項目會顯示在導覽路徑中。

商品網格

一開始每列的商品數
選項: 大、標準、緊湊預設: 標準大:手機上每列 1 件。標準:2 件。緊湊:3 件,只顯示照片和價格。電腦上依下方的欄數。
讓顧客選擇每列顯示幾件商品
開啟或關閉預設: 開啟在「篩選與排序」旁顯示三個小按鈕。選擇會在整個造訪期間保留。
電腦欄數(大檢視)
滑桿,2 到 4預設: 3平板顯示 2、3 和 4 欄。
電腦欄數(標準檢視)
滑桿,3 到 5預設: 4
電腦欄數(緊湊檢視)
滑桿,4 到 8預設: 5
檢視切換的時間長度
滑桿,0 到 800 ms預設: 420 ms每件商品會平順移到新位置。0:格線立即切換。在裝置上要求減少動態效果的訪客一律立即看到切換。
每次載入的商品數
滑桿,8 到 48預設: 20

工具

顯示篩選
開啟或關閉預設: 開啟篩選須在 Search & Discovery 應用程式中設定。若沒有該應用程式,只會顯示供貨狀況與價格。
顯示排序
開啟或關閉預設: 開啟
每個區段共有的設定窗格、捲動、間距、色彩、文字樣式

視窗、捲動、間距和顏色設定在每個區段中的運作方式都相同。了解運作方式。

窗格

拼接
選項: 獨立窗格、與上方窗格拼接、與下方窗格拼接、上下皆拼接預設: 獨立窗格
圖片圓角
選項: 圓角、直角預設: 圓角

捲動

捲動時由下一個區段覆蓋
開啟或關閉預設: 關閉向下捲動時,此區段會停在頁首下方,下一個區段從上方覆蓋過來。往回捲動則反向進行。在編輯器中、對要求減少動態效果的訪客,以及在極矮的螢幕上會關閉。

間距

為此區段自訂間距
開啟或關閉預設: 關閉關閉:使用佈景主題設定中「版面配置」下的區段間距。開啟:在此區段上方與下方使用此處的值。在行動裝置上,大多數區段使用這些值的 65%。
上方間距
滑桿,0 到 160 px預設: 0 px
下方間距
滑桿,0 到 160 px預設: 24 px
內容寬度
選項: 窄、標準、寬、全寬預設: 標準

色彩

配色方案
配色方案與頁面方案相同:區段位於頁面背景上。其他方案會讓區段擁有自己的背景,如同框內的一張卡片。下方的自訂顏色優先於方案。
此區段使用自訂顏色
開啟或關閉預設: 關閉否則區段會使用佈景主題的顏色。
背景
顏色預設: #F1F1EF
文字
顏色留空:自動。深色背景上為淺色,淺色背景上為深色。
背景樣式
選項: 純色、燈光舞台預設: 純色燈光舞台:由上而下的柔和光線,往下逐漸變淡,由區段顏色產生,淺色或深色皆可。深色時文字和按鈕會自動變亮。
光線顏色
顏色來自頂端中央的柔和光線。留空:白色。

文字樣式

此區段使用自訂文字樣式
開啟或關閉預設: 關閉否則區段會使用佈景主題的樣式。Shopify 字型不含希伯來文,因此請在適用於希伯來文的樣式中選擇。
標題樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
標題大小
滑桿,70 到 160 %預設: 100 %
標題顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。
文字樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
文字大小
滑桿,70 到 160 %預設: 100 %
文字顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。

這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。