# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/halo-docs/theme-settings/product-card.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.