在主题编辑器中:自定义首页添加分区新品环形展示

新品环形展示

把最新产品放在一个旋转的圆环上。顾客可以用手指或鼠标拖动,圆环会停在某个产品前。

八到十二个产品能让圆环呈现最好看的形状。如果希望圆环在被触碰前保持静止,可以把慢速旋转设为 0。

设置

内容

标题上方的小字
文本留空则不显示这一行。
标题
文本留空则以访客的语言显示默认标题。
链接文字
文本留空则以访客的语言显示默认文字。
链接
链接留空:所有商品,按从新到旧排序,或所选合集的页面。
在环形上方显示标题
开启或关闭默认: 开启关闭:环形不带标题,适用于页面已有自己标题的情况。

商品

环形展示的内容
选项: 商品、店铺的所有合集默认: 商品在“全部合集”页面中,环形展示店铺的合集,每个合集一张卡片。
合集
产品系列留空:店铺最新的商品(取最近 50 件)。如需控制顺序,请选择在店铺后台按最新排序的合集。
商品数量
滑块,4 到 16默认: 8卡片围绕环形排列。少于三件商品时,以普通的一行显示。

卡片

照片边框
滑块,0 到 8 px默认: 1 px环中每张照片周围的细边框,颜色在下方选择。设为 0 则去掉边框。
边框颜色
颜色默认: #0C0A09留空:接近黑色,与购物车中的边框相同。
卡片圆角弧度
滑块,4 到 24 px默认: 12 px

外观

背景样式
选项: 黑色舞台(漆面地板)、浅奶油色(浅色展示橱窗)默认: 黑色舞台(漆面地板)
倒影强度
滑块,0 到 200 %默认: 100 %照片在地板上的倒影强度。默认值为 100%。
卡片下方的倒影长度
滑块,0 到 80 px默认: 30 px底座在卡片前方延伸多远,以显示更多倒影。0 为最短。
背景颜色
颜色留空:跟随背景样式。
与上方区块融合
颜色上方区块底部的颜色。它流入此区块并渐隐,使两个区块无缝衔接。留空:不融合。
融合长度
滑块,40 到 400 px默认: 200 px
光晕颜色
颜色区块顶部的柔和光线。留空:跟随背景样式。
文字颜色
颜色标题、环下方的名称和价格、标题上方的小字以及箭头。留空:跟随背景样式。
地面颜色
颜色环形下方的平台。留空:跟随背景样式。

动效

效果
选项: 光芒闪烁、无默认: 光芒闪烁光芒闪烁:一道光沿着"全部新品"按钮流动,仅在深色样式(黑色舞台和炭灰)中。选择减少动效的访客不会看到。
缓慢自转:速度
滑块,0 到 20 °默认: 5 °每秒度数(整圈为 360)。0:不自转。开场旋转结束后,环形会自行缓慢转动,仅在对最前面的卡片进行刻意交互(悬停、点按或点击)、被拖动、离开屏幕,或某张卡片获得键盘焦点时才会停止。要求减少动态效果的访客不会看到此效果。
触碰后的等待时间
滑块,1 到 10 s默认: 4 s访客转动环形后,它等待多久才再次自行转动。
每个分区共有的设置窗格、滚动、间距、文字样式

窗口、滚动、间距和颜色设置在每个分区中都以相同方式工作。了解它们如何工作。

窗格

拼接
选项: 独立窗格、与上方窗格拼接、与下方窗格拼接、上下都拼接默认: 与上方窗格拼接
图片圆角
选项: 圆角、直角默认: 圆角

滚动

滚动时被下一个区块覆盖
开启或关闭默认: 关闭向下滚动时,此区块停留在页眉下方原位,下一个区块从其上方升起覆盖。向回滚动则相反。在编辑器中、对要求减少动态效果的访客以及屏幕很矮时关闭。

间距

为此分区自定义间距
开启或关闭默认: 关闭关闭:使用主题设置中“布局”下的分区间距。开启:在此分区上方和下方使用此处的值。在移动端,大多数分区使用这些值的 65%。
上方间距
滑块,0 到 120 px默认: 40 px
下方间距
滑块,0 到 120 px默认: 56 px

文字样式

为此区块自定义文字样式
开启或关闭默认: 关闭否则该区块使用主题样式。Shopify 字体不包含希伯来文,因此您可以在适用于希伯来文的样式中选择。
标题样式
选项: 主题默认、细体、粗体、衬线体默认: 主题默认
标题大小
滑块,70 到 160 %默认: 100 %
标题颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。
文字样式
选项: 主题默认、细体、粗体、衬线体默认: 主题默认
文字大小
滑块,70 到 160 %默认: 100 %
文字颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。

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