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

# Product Card

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.**

## How to change Product Card Style?

At this time with Halo theme, we offer you **11 Product Card Styles**. To setup style 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 ->** **Multiple Layouts / Product Card Style**. After that, choose layout which you would like.

![Product Card Style 01](/files/st1OgqUqigOemngRrVUL)

![Product Card Style 02](/files/SkIySfBUeBcDtqJd0ZAX)

![Product Card Style 03](/files/uhCatJ9PZNmmFekAudL4)

![Product Card Style 04](/files/7m7vOaupJdHATN4zdJRw)

![Product Card 05](/files/NsMa316rah2fUtNqUAGp)

![Product Card Style 06](/files/OzDVzVtljaeR9wiBsDmw)

![Product Card Style 07](/files/Dcb0ttSzxga9k81ChaXe)

![Product Card Style 08](/files/58t6Y1v0KrdXowkp9jm2)

![Product Card Style 09](/files/eGbxzOvFmgEssczLBbLX)

![Product Card Style 10](/files/evBy2ypU5RvvVl9ysSo9)

<figure><img src="/files/3OzPXCLlE2NGONRBliaS" alt=""><figcaption><p>Product Card Style 11</p></figcaption></figure>

<figure><img src="/files/6YRKUPhOsdOoVioG1VqY" alt=""><figcaption><p>Product Card Style 12</p></figcaption></figure>

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