在佈景主題編輯器中:自訂首頁新增區段暢銷商品

暢銷商品

一排依名次排列的熱銷商品,附有名次編號。它會讀取商店的銷售資料,因此不需要維護任何商品系列。

完整的熱銷頁面也已內建:網址是 /collections/all?sort_by=best-selling,標題為「熱銷商品」。

設定

商品

商品系列
商品系列此處的順序即為商品系列的順序。若要依實際銷售順序,請在後台將商品系列排序為「暢銷商品」。留空:所有商店商品。
商品數量
滑桿,3 到 12預設: 8
名稱旁的排名
開啟或關閉預設: 開啟每個商品名稱旁顯示一個大而細的數字(1、2、3…)。螢幕閱讀器會連同商品連結讀出排名。

標題

標題
文字留空則顯示預設標題。
標題上方的小字
開啟或關閉預設: 開啟
小字
文字留空則顯示預設字詞。
顯示紙標籤連結
開啟或關閉預設: 開啟
連結文字
文字留空則顯示預設文字。
連結
連結留空:所選的商品系列,或依暢銷排序的所有商品。
按鈕周圍的光
開啟或關閉預設: 開啟一道白光沿按鈕邊緣環繞。關閉:網站的一般光澤。

舞台

配色方案
配色方案舞台的背景和強調色取自此方案。下方選擇的顏色優先。
區段顏色
顏色整個區段共用一種顏色:背景、光暈、卡片與線條都由它衍生。預設:炭灰色。選擇淺色時,區段會變成淺色並搭配深色文字,設計維持不變。
倒影強度
滑桿,0 到 100 %預設: 70 %每張照片下方、名稱和價格上方的短倒影。0 為關閉。Firefox 中不顯示。
倒影長度
滑桿,50 到 150 %預設: 100 %照片倒影淡出前的長度。100:與佈景主題相同。
每個區段共有的設定窗格、捲動、間距、文字樣式

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

窗格

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

捲動

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

間距

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

文字樣式

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

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