> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop/theme-settings/cards.md).

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