> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/product-page/product-information/blocks-settings/perks.md).

# Perks

{% hint style="info" %}
Perks block is room for extra functionalities for the product such as showing size chart, compare variant color and show ask an expert form for quick Q\&A.
{% endhint %}

| Setting              | Description                                        |
| -------------------- | -------------------------------------------------- |
| Spacing top / bottom | Determine the spacing top and bottom of the block. |

### Size Chart

| Setting                                             | Description                                                                                                                                                                                                                                                                                      |
| --------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Show size chart                                     | Enable to show the size chart in the block.                                                                                                                                                                                                                                                      |
| Using Different Size Chart For Product By Following | For the best understanding of how to use and setup the size chart, please refer to the link: [https://app.gitbook.com/s/8KVBTL14Wsr30Mq5W8PK/\~/changes/QtKKL7nLzUiqe9WQvpsl/product-page/product-information/size-chart](/bonnita-documentation/product-page/product-information/size-chart.md) |
| Image Type                                          | Select the image format for the size chart to be either JPG or PNG. This only works for the Size Chart of Product Type and Product Vendor                                                                                                                                                        |
| Upload Image                                        | Upload / choose an image as a size chart if Custom Image Setting is selected above.                                                                                                                                                                                                              |

### Compare Color

| Settings                 | Description                                                                                                                                                                                      |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Show Compare Color       | Enable the compare color feature in the block.                                                                                                                                                   |
| Drop & Drop (On Desktop) | Enable the drag and drop ability on variant colors for comparison.                                                                                                                               |
| Layout                   | <p>Select the location of the Compare Color Icon.<br>Style 1: The compare color stays in block along with size chart and ask an expert.<br>Style 2: The compare color will be on main image.</p> |