> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 关于『热卖』标签和划线价格 ## 在这篇文章中： 1. 何为『热卖』标签 2. 通过设置 “原价”『热卖』标签 3. 通过 “指定商品” 优惠启用『热卖』标签 4. 移除自动显示的『热卖』标签 5. 更改『热卖』标签的大小和颜色 6. 更改划线价格的颜色 7. 移除折扣百分比 % --- ### 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** 文档 > 将以下代码黏贴在最底部并将颜色代码更换成您要的颜色代码 > 储存 ```html s .money { color: #999999; }``` || 📌 备注 : 您可以从 [这里](https://www.rapidtables.com/web/color/html-color-codes.html)获得您要的颜色代码 --- ### 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** 文档 > 搜索 **** 并移除 > 储存 ![](https://storage.crisp.chat/users/helpdesk/website/7820bc371b3b8400/8f60e079-e202-4f7b-970b-60fca7_wny3fa.png)