> For the complete documentation index, see [llms.txt](https://help.spicegems.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.spicegems.com/new-easy-product-addons/layout.md).

# Layout

The **Layout** feature allows you to control how addon products are displayed on your storefront. 

The app provides multiple layout styles, including **List**, **Grid**, **Amazon**, **Classic**, **Frequently Bought Together**, and **Upsell** layouts. Each layout displays addon products differently, giving you the flexibility to choose the layout as per requirement.

From the **Layouts** section, you can customize the appearance and configure the settings of each layout to match your requirements.

> **Note:** Available layouts may vary depending on the addon type. Each addon type supports one or more layouts. When creating an addon, you can select the layout you prefer and customize it based on your store’s design and requirements.

{% columns %}
{% column valign="middle" %}
{% content-ref url="/pages/rZZTW0eYdmZ8Pu0GZrRv" %}
[Product Layout](/new-easy-product-addons/layout/product-layout.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/jtv20ybKiYauhotMXgJm" %}
[Cart Layout](/new-easy-product-addons/layout/cart-layout.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}

{% columns %}
{% column %}
{% content-ref url="/pages/H25ZQPLX246f6pUS97g6" %}
[Group Layout](/new-easy-product-addons/layout/group-layout.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/ldbTzr8G807Pafut32IZ" %}
[Frequently Bought Together Layout](/new-easy-product-addons/layout/frequently-bought-together-layout.md)
{% endcontent-ref %}

{% endcolumn %}
{% endcolumns %}

{% columns %}
{% column %}
{% content-ref url="/pages/7rGELuRHFYrhp0XxIgKt" %}
[Upsell Layout](/new-easy-product-addons/layout/upsell-layout.md)
{% endcontent-ref %}

{% endcolumn %}

{% column %}

{% endcolumn %}
{% endcolumns %}