图片徽章
图片徽章是覆盖在产品图片上的一个小贴纸——出现在产品页面上,以及系列和搜索结果中的产品卡片上——让买家在滚动到小组件之前就能了解到折扣信息。
您可以在每个活动的 Cart & badge 标签页下,选择徽章显示的位置:
| 选项 | 显示于 |
|---|---|
| 产品页面图片 | 产品页面上的主图 |
| 产品卡片 | 系列页面、搜索结果,以及其他产品网格 |
| 购物车商品图片 | 购物车中该产品的图片 |
| 赠品图片 | 赠品产品的图片(仅限买 X 送 Y) |
活动自身系列之外的产品卡片——例如首页上的“精选产品”列表——永远不会显示徽章,因为应用只能在活动自身的系列页面内确认某张卡片属于该活动。每张图片只会显示一个徽章;如果多个活动同时适用于同一产品,最终会显示小组件本身会选用的那个活动的徽章。
徽章所覆盖的图片,其查找方式与小组件自身的定位方式相同:自动查找,或者如果落在错误的图片上,可通过 设置应用中:Settings › 店面小组件数量折扣小组件在产品页面中显示的位置及放置方式。应用中:Storefront widget 下的放置选择器手动指定。
每个徽章包含:
- 样式应用中:Style ——Pill、Split pill、Flag 或 Strip。买 X 送 Y 和购物车目标活动还额外提供 Gift chip 和 Gift sticker,这两种样式专为赠品产品设计。
- 位置应用中:Position ——大多数样式可选图片的四个角之一;Strip 只能选择上边或下边,并占满整个宽度。
- 文本应用中:Text ——两行文字,默认根据活动的最大优惠自动填充,您也可以自行修改。可用的变量取决于活动类型——例如
{{best}}(最大优惠或赠品)、{{first}}(入门档位的优惠)和{{minQty}}(解锁第一个档位所需的数量)。 - 效果应用中:Effect ——None(无)、Shine 或 Pulse。
- 颜色应用中:Colors ——背景色默认使用小组件自身的强调色。
- 行为两者均仅适用于产品页面。应用中:Behaviour ——产品售罄时隐藏徽章,以及点击徽章后将页面滚动到小组件位置。两者均仅适用于产品页面。
保持文字实时更新
Section titled “保持文字实时更新”保留文本字段不做修改,徽章就会持续自动使用该活动的最大优惠——提高某个档位的折扣,徽章上的数字也会随之更新,无需手动维护。一旦您在某个字段中输入了自己的文字,该行就不再自动更新,这与应用中其他模板化文本的取舍是一致的。