在主题编辑器中:自定义主题设置商品卡片

商品卡片

产品在网格中出现时的外观:图片、名称和价格、用于快速加购的硬币,以及徽章。

产品的“Badge”字段会在卡片上显示该产品专属的词,例如“新品”。促销和售罄徽章会自动出现。

设置

图片

图片比例
选项: 方形、竖向、横向、与商品图片一致默认: 竖向
图片圆角
滑块,0 到 40 px默认: 12 px从 0(直角)到最圆。12 与按钮圆角相同。
显示第二张图片
开启或关闭默认: 开启手机:在两张图片之间滑动。电脑:悬停时显示箭头。

内容

显示供应商
开启或关闭默认: 关闭
颜色圆点
开启或关闭默认: 开启商品有颜色选项时,在价格下方显示小圆点,取自 Shopify 的颜色色板或颜色名称。

卡片上的圆币

卡片圆币的作用
选项: 智能,每张卡片都有预览(推荐)、仅智能、总是打开快速查看、无圆币:点击整张卡片打开商品默认: 智能,每张卡片都有预览(推荐)智能:没有选项的商品直接加入购物车。只有一个选择(尺码、颜色或材质)的商品会在卡片上展开选项扇面,点一下即可加入。有多个选项的商品打开快速查看。“偷看”会在上角添加一个始终打开快速查看的小玻璃按钮。
加号按钮颜色
颜色商品图片上的加号。留空:页面的深色。选择颜色会填充加号。
加号图标颜色
颜色留空:自动选择,浅色按钮上用深色,深色按钮上用浅色。
准备好时的添加按钮
颜色默认: #2563EB商品卡片上的加号:短扇形展开后,再点一次即可加入购物车。如果颜色与加号颜色相同,加号会互换背景色和符号色,因此总会发生变化。
添加按钮上的加号
颜色默认: #FFFFFF
加号标签中的选项
选项: 填充、描边默认: 填充填充:白色圆圈。描边:在标签背景上,细边框和文字为同一颜色,与加号一致。
描边颜色
颜色选项的边框和文字。留空:加号两种颜色中在页面上更醒目的那一个。
描边强度
滑块,20 到 100 %默认: 42 %静止时边框的强度。悬停和选中时始终为最强。

详情

徽章上的促销折扣百分比
选项: 显示价格(推荐)、最高:最高折扣、百分比不同时隐藏默认: 显示价格(推荐)适用于各规格价格不同的商品。显示价格:百分比和原价属于卡片所显示价格对应的规格。如果该规格未促销,则没有促销徽章。最高:该商品的最高折扣,以“最高”字样表示。隐藏:仅当所有可购规格的折扣百分比相同时才显示促销徽章。只有单一价格的商品不受影响。在商品页和快速查看中,顾客会选择规格,价格和百分比始终对应该规格,因此此设置不适用于这些位置。
卡片价格粗细
选项: 常规、粗体默认: 常规系列、搜索和商品行中商品卡片上的价格。粗体与商品页面一致。
折扣商品的徽章
选项: 促销、百分比(优惠 23%)默认: 促销商品打折时图片上徽章显示的内容。如需在任意商品上显示自定义文字(新品、畅销),请填写商品元字段 custom.badge。
按钮光泽
开启或关闭默认: 开启每隔几秒掠过一道光,仅在按钮显示于屏幕上时进行。

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