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

# Color (Products)

Here you can change color for: **Product Title,** **Product Price,** **Product Swatch,**  **Product Action**, **Product Badge, Product Hot Stock**

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 -> Color (Products)**.

**Product Card**

| Settings   | Description                                |
| ---------- | ------------------------------------------ |
| Background | Sets the background color of product card. |

**Product Title**

| Settings    | Description                        |
| ----------- | ---------------------------------- |
| Color       | Sets the Product title color       |
| Hover Color | Sets the Product title hover color |

**Product Price**

| Settings | Description          |
| -------- | -------------------- |
| Color    | Sets the Price color |

**Product Swatch**

| Settings            | Description                         |
| ------------------- | ----------------------------------- |
| Border Color        | Sets the Swatch border color        |
| Text Color          | Sets the Swatch text color          |
| Tooltip Background  | Sets the Tooltip background color.  |
| Border Color Active | Sets the Swatch border active color |

**Product Badge**

| Settings                 | Description                                                                                 |
| ------------------------ | ------------------------------------------------------------------------------------------- |
| New badge text           | Sets the text color of the New badge on the product card and product detail page.           |
| New badge background     | Sets the background color of the New badge on the product card and product detail page.     |
| Sale badge text          | Sets the text color of the Sale badge on the product card and product detail page.          |
| Sale badge background    | Sets the background color of the Sale badge on the product card and product detail page.    |
| Soldout badge text       | Sets the text color of the Soldout badge on the product card and product detail page.       |
| Soldout badge background | Sets the background color of the Soldout badge on the product card and product detail page. |
| Custom badge text        | Sets the text color of the Custom badge on the product card and product detail page.        |
| Custom badge background  | Sets the background color of the Custom badge on the product card and product detail page.  |
| Bundle badge text        | Sets the text color of the Bundle badge on the product card and product detail page.        |
| Bundle badge background  | Sets the background color of the Bundle badge on the product card and product detail page.  |

**Action button**

| Settings         | Description                                                                                 |
| ---------------- | ------------------------------------------------------------------------------------------- |
| Text             | Sets the text color of the product action button on the product card.                       |
| Border           | Sets the border color of the product action button on the product card.                     |
| Background       | Sets the background color of the product action button on the product card.                 |
| Text hover       | Sets the text color of the product action button on the product card for hover state.       |
| Border hover     | Sets the border color of the product action button on the product card for hover state.     |
| Background hover | Sets the background color of the product action button on the product card for hover state. |

**Hot Stock**

| Settings  | Description                                                                       |
| --------- | --------------------------------------------------------------------------------- |
| Text/Icon | Sets the text color of the Product Hot Stock function on the product detail page. |