> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-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/ella-documentation/theme-settings/product-card/change-product-card-layout.md).

# Change product card layout

At this time with ELLA theme, we offer you 05 Product Card Layouts. To setup layout for Product Card, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings -> Product card -> Layout**. After that, choose the **layout** which you like:

* **Product Card 01:**

![](/files/mPxSCcYOOIwMLQocpC8B)

* **Product Card 02:**

![](/files/k0Yv0hIkjdxQv4Y2xBsE)

* **Product Card 03:**

![](/files/kpEh8o6ue4F45IuzwkEa)

* **Product Card 04:**

![](/files/39SO3OkccJCWxBpiQbV7)

* **Product Card 05:**

![](/files/8zcqpUckTwiBPWDDxrYS)

* **Product Card 06:**

<figure><img src="/files/89Ublk2yNuCexEeeYCfF" alt=""><figcaption></figcaption></figure>

* **Product Card 07:**

<figure><img src="/files/AqkEkPJTV0RHMiqGXtLV" alt=""><figcaption></figcaption></figure>

* **Product Card 08:**

<figure><img src="/files/IklPOmcusn5cb4UBzpab" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Note: Some settings of the product card are not applied to all product card styles.
{% endhint %}