# v2.1.7

### **New Features**

#### **1. What in the Box** on Product Detail Page

You can now add the **In box products** to the product page. The effect is as follows:

<div align="left"><figure><img src="https://3086053958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtxdyhQYbUmYMEm4SSNh%2Fuploads%2FGpaUuWFOJVcotR9q75X8%2Fimage.png?alt=media&#x26;token=e412f823-ff3e-472c-b1d7-08b51030496e" alt=""><figcaption></figcaption></figure></div>

&#x20;For detailed setup steps, please refer to:<br>

{% content-ref url="../../pages/main-product/in-box-products" %}
[in-box-products](https://en-ascent.webvista.studio/pages/main-product/in-box-products)
{% endcontent-ref %}

#### **2. Product Card Image Fill Mode Settings**

A new image fill mode setting has been added in the **Global Settings** > **Product Card Settings**, allowing merchants to globally configure how product images are displayed on product cards.\
The available options for image fill modes are:

* **Cover (Stretch to fill)**
* **Contain (Maintain aspect ratio)**

#### **3. Custom Badge on Product Cards**

You can now add custom badges to product cards. Customize the badge's background color and text color.\
To add a custom badge, simply apply a product tag in the format: \_badge\_name.\
For example, applying the tag "\_Hot" will display a badge named "Hot."

#### **4. Region and Language Selector with Country Flag**

The region and language selector buttons in the header, footer, and sidebar now support displaying the current country or region's flag. The effect is as follows:

<div align="left"><figure><img src="https://3086053958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtxdyhQYbUmYMEm4SSNh%2Fuploads%2Fauz0NQsj1T9XRh3wvMRm%2Fimage.png?alt=media&#x26;token=8bdabf7a-4d72-4d19-9a5b-1ddcd8dd5c17" alt=""><figcaption></figcaption></figure></div>

#### **5. Drawer Color Scheme Customization**

You can now individually set the color schemes for various drawers, including the **search drawer,** **cart drawer**, **region and language selector drawer**, and **product quick preview drawe**r, allowing merchants to meet personalized design needs.

#### 6. Featured Product Section and Product Page Color Scheme Customization

#### 7. The Highlight Features section supports custom colors and a link button below the description.

<div align="left"><figure><img src="https://3086053958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtxdyhQYbUmYMEm4SSNh%2Fuploads%2FA52nZeSJHtdV89lekliR%2Fimage.png?alt=media&#x26;token=9539c142-7439-42b8-815b-2b5601ac4e17" alt=""><figcaption></figcaption></figure></div>

### **Optimizations and Fixes**

1. **Product Rating Optimization** – You can now display simulated data for easier debugging.
2. **Product Detail Page** – The product thumbnails are now draggable for preview.
3. **Product Detail Page** – The product video can now be set to autoplay.
4. **Bug Fixes** – Other known issues have been resolved.