在主题编辑器中:自定义›主题设置›商品卡片
商品卡片
产品在网格中出现时的外观:图片、名称和价格、用于快速加购的硬币,以及徽章。
产品的“Badge”字段会在卡片上显示该产品专属的词,例如“新品”。促销和售罄徽章会自动出现。
设置
图片
- 图片比例
- 选项: 方形、竖向、横向、与商品图片一致默认: 竖向
- 图片圆角
- 滑块,0 到 40 px默认: 12 px从 0(直角)到最圆。12 与按钮圆角相同。
- 显示第二张图片
- 开启或关闭默认: 开启手机:在两张图片之间滑动。电脑:悬停时显示箭头。
内容
- 显示供应商
- 开启或关闭默认: 关闭
- 颜色圆点
- 开启或关闭默认: 开启商品有颜色选项时,在价格下方显示小圆点,取自 Shopify 的颜色色板或颜色名称。
卡片上的圆币
- 卡片圆币的作用
- 选项: 智能,每张卡片都有预览(推荐)、仅智能、总是打开快速查看、无圆币:点击整张卡片打开商品默认: 智能,每张卡片都有预览(推荐)智能:没有选项的商品直接加入购物车。只有一个选择(尺码、颜色或材质)的商品会在卡片上展开选项扇面,点一下即可加入。有多个选项的商品打开快速查看。“偷看”会在上角添加一个始终打开快速查看的小玻璃按钮。
- 加号按钮颜色
- 颜色商品图片上的加号。留空:页面的深色。选择颜色会填充加号。
- 加号图标颜色
- 颜色留空:自动选择,浅色按钮上用深色,深色按钮上用浅色。
- 准备好时的添加按钮
- 颜色默认: #2563EB商品卡片上的加号:短扇形展开后,再点一次即可加入购物车。如果颜色与加号颜色相同,加号会互换背景色和符号色,因此总会发生变化。
- 添加按钮上的加号
- 颜色默认: #FFFFFF
- 加号标签中的选项
- 选项: 填充、描边默认: 填充填充:白色圆圈。描边:在标签背景上,细边框和文字为同一颜色,与加号一致。
- 描边颜色
- 颜色选项的边框和文字。留空:加号两种颜色中在页面上更醒目的那一个。
- 描边强度
- 滑块,20 到 100 %默认: 42 %静止时边框的强度。悬停和选中时始终为最强。
详情
- 徽章上的促销折扣百分比
- 选项: 显示价格(推荐)、最高:最高折扣、百分比不同时隐藏默认: 显示价格(推荐)适用于各规格价格不同的商品。显示价格:百分比和原价属于卡片所显示价格对应的规格。如果该规格未促销,则没有促销徽章。最高:该商品的最高折扣,以“最高”字样表示。隐藏:仅当所有可购规格的折扣百分比相同时才显示促销徽章。只有单一价格的商品不受影响。在商品页和快速查看中,顾客会选择规格,价格和百分比始终对应该规格,因此此设置不适用于这些位置。
- 卡片价格粗细
- 选项: 常规、粗体默认: 常规系列、搜索和商品行中商品卡片上的价格。粗体与商品页面一致。
- 折扣商品的徽章
- 选项: 促销、百分比(优惠 23%)默认: 促销商品打折时图片上徽章显示的内容。如需在任意商品上显示自定义文字(新品、畅销),请填写商品元字段 custom.badge。
- 按钮光泽
- 开启或关闭默认: 开启每隔几秒掠过一道光,仅在按钮显示于屏幕上时进行。
这里有内容与编辑器中看到的不一致?告诉我们,我们会修正指南。
