# Cards

**Cards** in Shopify are used to display products, collections, blog posts, or promotions in a structured layout. They typically include an **image, title, price, description, and buttons** (e.g., "Add to Cart" or "View More").

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Theme Settings >  Cards**
   {% endhint %}

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

#### **Product Card**

* **Color scheme :** You can customize the theme appearance by changing the **text color, background color**, and more using preset color options.
* **Background Opacity:** Adjust transparency (Range: 0–100 %, Default: 100%). This applies to the background image, customizable in theme settings.

#### **Collection Card**

* **Color scheme :** You can customize the theme appearance by changing the **text color, background color**, and more using preset color options.
* **Background Opacity:** Adjust transparency (Range: 0–100 %, Default: 100%). This applies to the background image, customizable in theme settings.

#### **Blog Card**

* **Color scheme :** You can customize the theme appearance by changing the **text color, background color**, and more using preset color options.
* **Background Opacity:** Adjust transparency (Range: 0–100 %, Default: 100%). This applies to the background image, customizable in theme settings.


---

# 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://themessupport.gitbook.io/lollipop/theme-settings/cards.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.