在主题编辑器中:自定义产品系列页面添加分区合集页面

合集页面

产品系列的产品网格,带筛选、排序和分页。

筛选器来自 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 %
文字颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。

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