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.