# 徽章设置

徽章设置可以为产品页面的不同场景提供促销、新品、赠品、以及预购等提示标志。通过使用不同颜色和样式的徽章，可以吸引顾客注意，增强产品的可见性，并有效提升销量。

### **徽章类型**

1. **促销徽章**\
   用于显示促销活动信息。可以选择 **普通样式**、**显示金额** 或 **显示百分比** 的徽章样式。
   * 背景颜色：支持自定义促销徽章的背景颜色。
   * 文本颜色：支持自定义促销徽章的文本颜色。

     <figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-f27f7ef5684a67324bf14515f1f7c61f804100d1%2FSale%20badge.png?alt=media" alt=""><figcaption><p>sale badge</p></figcaption></figure>
2. **赠品徽章**\
   用于显示赠品相关信息。当启用该徽章时，可以提醒顾客产品附带赠品。

   * 背景颜色：支持自定义赠品徽章的背景颜色。
   * 文本颜色：支持自定义赠品徽章的文本颜色。

   <figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-ed5ee69c8c2e9412358f6cae9cc632b234f21bc5%2Fgift-badge.png?alt=media" alt=""><figcaption><p>gift badge</p></figcaption></figure>
3. **新品徽章**\
   用于标识新品发布 。
   * 背景颜色：支持自定义新品徽章的背景颜色。
   * 文本颜色：支持自定义新品徽章的文本颜色。
   * 设置新品判断依据，分为**发布时间**和**标签**两种判断依据。
   * 设置新品标签，当判断依据为**标签**的时候有效。
   * 设置新品发布天数，可选天数：7天、14天或30天，当判断依据为**发布时间**的时候有效。

     <figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-d56d4087b1a1e2ac34bcf1c943de4d7e83879954%2Fnew-badge.png?alt=media" alt=""><figcaption><p>new badge</p></figcaption></figure>
4. **预购徽章**\
   用于显示预购产品信息。当产品符合预购条件时，启用该徽章同时也会在产品页面显示预购按钮。

   * 背景颜色：支持自定义预购徽章的背景颜色。
   * 文本颜色：支持自定义预购徽章的文本颜色。

   <figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-0c7fb4e24f9b747fee46f846f8099ed6cb642be0%2FFrame%206.png?alt=media" alt=""><figcaption><p>pre-order badge and pre-order button</p></figcaption></figure>
5. **限量版徽章**

   用于突出显示限量版产品。

   设置限量版产品标签

   <figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-adcd98ced0b1f3162cf5c775b21404e8af6cd5d2%2Flimited-edition-badge.png?alt=media" alt=""><figcaption><p>limited edition badge</p></figcaption></figure>

**6.自定义徽章**

通过给产品添加标签的方式添加自定义徽章，可设置自定义徽章的背景颜色和文字颜色，格式为 \_badge\_name, 例如\_Best Shoes。

<figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-75e15861c599f1f8d710d7171eb56bd7118703e1%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### 注意事项

* 预购徽章启用时，产品页面必须满足预购条件，否则徽章和预购按钮不会显示。
* 在自定义颜色时，请确保背景和文本颜色具有良好的对比度，以保证徽章的可读性。
