# Addon Layouts

In this section, you can choose a layout that suits your theme styling to display your addon products in a clean and visually appealing manner.&#x20;

**Available Layout Types:**

* **General Layouts**
* **FBT Layouts**
* **Group Layouts**

### 1. General Layouts

These layouts provide a simple, clean presentation for your add-ons, helping them blend naturally with your store’s existing style and theme.

{% hint style="info" %}
Need a Custom Add-On Layout?

We provide **Free Addon customisations** on request. You can drop us an email at <help@spicegems.com> with your requirements (mockup)&#x20;
{% endhint %}

<figure><img src="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FQ7M1fuLkegsHwqbLZynA%2FScreenshot_1.png?alt=media&#x26;token=3a65d7e5-9df2-4b95-bb6b-1221dc9b2b87" alt=""><figcaption></figcaption></figure>

### 2. **FBT Layouts**

This layout allows you to showcase the main product alongside relevant add-on products as a bundled offer. It enables customers to add both the main product and its add-ons to the cart with a single click, encouraging upselling and improving the shopping experience.

<figure><img src="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FLkXZoM4JGAMSpT9HqmLN%2FFBT-Layouts.png?alt=media&#x26;token=c7705dcb-2477-4f39-9031-11197794c52b" alt=""><figcaption></figcaption></figure>

### 3. Group **Layouts**

This layout enables you to display the Addon products in various groups or sections based on relevance.

<figure><img src="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FDMfOYy7m6xjyrYleSMNx%2FSlide1.JPG?alt=media&#x26;token=86256546-54b1-48f6-b7d0-0c0fb06e7894" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you need any further customisations on the above layout options, please reach out to us at <help@spicegems.com>

For any specific customisation request, please provide a mockup for clarity. &#x20;
{% endhint %}
