关于『热卖』标签和划线价格
在这篇文章中:
何为『热卖』标签
通过设置 “原价”『热卖』标签
通过 “指定商品” 优惠启用『热卖』标签
移除自动显示的『热卖』标签
更改『热卖』标签的大小和颜色
更改划线价格的颜色
移除折扣百分比 %
1. 何为『热卖』标签
当您的商品价格低于原价或给予折扣时,『热卖』标签会自动出现在商品右上方,表示该商品目前有特价。这篇文章教您如何在不安装 Product Label 扩充功能的情况下编辑此『热卖』标签。
2. 通过设置 “原价” 启用『热卖』标签
“原价” 是一个嵌入在商品编辑页面 > 订定价格部分的一个折扣功能。
![](https://storage.crisp.chat/users/helpdesk/website/2c495df2b512c400/29e2cb72-f60e-4d70-a0de-74991b_9ftw42.png)
一旦填上 “原价”,『热卖』和划线价格就会自动显示在商品上。
![](https://storage.crisp.chat/users/helpdesk/website/cfb3bb6888843000/dc84ecf4-dac3-49ab-8187-249cd8_16oy2oo.png)
3. 通过 “指定商品” 优惠启用『热卖』标签
除了 “原价” 设定以外,若您为商品新增了 “指定商品” 促销,商品也会自动显示『热卖』标签和化线价格。
![](https://storage.crisp.chat/users/helpdesk/website/b26f67ac7a000800/5d198b4b-87d9-47ec-a528-acd35b_w1srq.png)
优惠必须符合以下条件系统才会自动显示『热卖』标签和化线价格:
数量 = 1,数量 = 2 或以上不会触发『热卖』标签和化线价格
优惠代码 = 不需要
限定目标客群 = 不限
4. 移除自动显示的『热卖』标签
若您希望促销商品显示不同的标签,或者您认为『热卖』标签妨碍了您的商品展示,则可以按照以下步骤移除标签:
到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > settings_data.json 文档 > 找到 " collections_show_sale_circle" > 如图改成 0 > 储存。
![](https://storage.crisp.chat/users/helpdesk/website/cd2678be891b2800/47bcf631-de3b-4856-aeac-76b351_75cmzb.png)
![](https://storage.crisp.chat/users/helpdesk/website/42d8ce6b276ea000/d9a23deb-daaa-4cf1-a54f-2db3a1_1ovqoqt.png)
5. 更改『热卖』标签的大小和颜色
您也可以自由更改标签字体和背景的大小和颜色。到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > assets/theme.scss 文档
5.1 搜索 badge__text--small {
字体大小: 更改 font-size 旁边的号码
![](https://storage.crisp.chat/users/helpdesk/website/a98845ae16085800/012231c2-5a22-4515-bd3e-6addab_1xhua5r.png)
5.2 搜索 $badgeSize:
标签大小: 更改 $badgeSize: 旁边的号码
标签颜色: 在 background-color: 旁边,将 $colorPrimary 更换成您要的颜色代码
字体颜色: 在 color: 旁边,将 $colorBtnPrimaryText 更换成您要的颜色代码
![](https://storage.crisp.chat/users/helpdesk/website/a7d38dbadf8ae800/b0facafa-3102-46e3-9cc6-d0f618_19f1yz0.png)
6. 更改划线价格的颜色
同样到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > assets/theme.scss 文档 > 将以下代码黏贴在最底部并将颜色代码更换成您要的颜色代码 > 储存
s .money { color: #999999; }
📌 备注 : 您可以从 这里获得您要的颜色代码
7. 移除折扣百分比 %
7.1 从首页和分类页面移除 :
后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > product-grid-item.liquid 文档 > 移除灰色部分 > 储存
![](https://storage.crisp.chat/users/helpdesk/website/f6f055118317a000/dd7e9ac5-4560-4fbc-8756-f6c94e_q6lemd.png)
7.2 从首页和分类页面移除(Candy, X-Force, Lucky 和 Wave 主题适用) :
后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > product-grid-item.liquid 文档 > 移除灰色部分 > 储存
![](https://storage.crisp.chat/users/helpdesk/website/1a57ab6198d44800/85198f69-ada0-4de8-8c2a-aa2bdb_12i5joq.png)
7.3 从商品页面移除:
后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > product.liquid 文档 > 搜索 <span id="ComparePricePercent" class="product-single__sale-percent"></span> 并移除 > 储存
![](https://storage.crisp.chat/users/helpdesk/website/7820bc371b3b8400/8f60e079-e202-4f7b-970b-60fca7_wny3fa.png)
更新于: 29/09/2022
谢谢!