# 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](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FZhGmvYzx2qhxaP7TFvuG%2Fproduct-card-style-1.png?alt=media\&token=c754881e-a844-4223-a8fb-b554ead81fa1)

![Product Card Style 02](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FgMYTtKkw5hOgB5opkcr4%2Fproduct-card-style-2.png?alt=media\&token=e695b421-849e-4fad-8d6c-9dae721d74c4)

![Product Card Style 03](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Ff7YbjnUCphS91I1jh4Uk%2Fproduct-card-style-3.png?alt=media\&token=69c0bfea-4780-4a28-a270-73ed8e8a673a)

![Product Card Style 04](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FNKkAtQAuPoMHbeSq7L74%2Fproduct-card-style-4.png?alt=media\&token=41e5e9a3-d8fd-42cc-b3b3-5efd1034f4ee)

![Product Card 05](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FqrdbHDCNGm1ZFGwZlUJH%2Fproduct-card-style-5.png?alt=media\&token=59ccf466-ac0b-4ee1-b8f7-9bb757d93782)

![Product Card Style 06](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fvs6qFtg2yialIQx05GuZ%2Fproduct-card-style-6.png?alt=media\&token=9778ca0a-d40e-4a8c-8e92-2091165cd016)

![Product Card Style 07](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FEZqSFlmNx8mALD6JBHyq%2Fproduct-card-style-7.png?alt=media\&token=7e4bbc4b-43a3-4f57-a796-1e3f99ecb0f3)

![Product Card Style 08](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FOFDWXBEKBoaJ1byxbvu5%2Fproduct-card-style-08.png?alt=media\&token=c36461ad-7de2-4c5c-a3db-71945c75d18c)

![Product Card Style 09](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FCwMdRsYGBz6T0WyWYwKN%2Fproduct-card-style-09.png?alt=media\&token=70b7e6cf-67be-4431-9863-2a138802ec0c)

![Product Card Style 10](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F2jet67neAuyVOodDZabf%2Fproduct-card-style-10.png?alt=media\&token=aef1a4b8-bab6-48ef-964c-9001e17776e4)

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FvbhYKoMq4NsaI1Vo4XjE%2Fimage.png?alt=media&#x26;token=3aeba522-08f4-4fe3-b0af-c4c1b92b64e0" alt=""><figcaption><p>Product Card Style 11</p></figcaption></figure>

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FspdeSel5QrVcDvh2atXL%2FStyle%2012%20Product%20Block%20-%20Home%2016.jpg?alt=media&#x26;token=55485e41-c023-49bd-9321-707afcd71833" 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 %}