在主题编辑器中:自定义首页添加分区热销商品

热销商品

一排按名次排列的畅销产品,带有名次编号。它读取商店的销售数据,因此不需要维护任何产品系列。

完整的畅销页面也已内置:地址是 /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 %
文字颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。

这里有内容与编辑器中看到的不一致?告诉我们,我们会修正指南。