# Product Card

**Product** **Cards** in Shopify typically include an **image, title, price, description, and buttons** (e.g., "Add to Cart" or "View More").

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Theme Settings > Product Card.**

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

<table><thead><tr><th width="308"></th><th></th></tr></thead><tbody><tr><td>Product style</td><td>Select the product card style. ( Standard, Card )</td></tr><tr><td>Text alignment</td><td>Choose content alignment. ( Left, Center, Right )</td></tr><tr><td>Heading size</td><td>Choose the heading size for the product card.(small, Medium and Large)</td></tr><tr><td>Color scheme</td><td>Select any color scheme defined in the theme settings > Colors > Schemes.</td></tr><tr><td>Quick view style</td><td>Select the quick view style. ( Popup, Drawer )</td></tr><tr><td><strong>Sale badge</strong></td><td></td></tr><tr><td>Enable sale</td><td>Enable sale tag in the product card.</td></tr><tr><td>Offer type</td><td>Choose the offer type as percentage or price.</td></tr><tr><td>Background color</td><td>Pick the sale tag background color.</td></tr><tr><td>Text color</td><td>Pick the sale tag text color.</td></tr><tr><td><strong>Sold out badge</strong></td><td></td></tr><tr><td>Enable sold out</td><td>Enable sold out tag in the product card.</td></tr><tr><td>Background color</td><td>Pick the sold out tag background color.</td></tr><tr><td>Text color</td><td>Pick the sold out tag text color.</td></tr></tbody></table>


---

# 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://wedesigntech-1.gitbook.io/elegance/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.