Product Card Color

The color settings allow you to control the color styling of product cards across the store.

These settings define how product names, prices, badges, and buttons appear by default and on hover. They also include customization for interface icons (such as wishlist, compare, quickview), and variant selection buttons. Using these settings, you can create a consistent look and highlight interactive elements on product cards.

---

Product Card color — Options Overview

Option Group	Option / Suboption	Description
Product Card color	Vendor, type	Sets the color for the vendor and product type text on the product card.
	Vendor, type hover	Sets the color when hovering over the vendor or product type.
	Product name	Sets the color of the product name text.
	Product name hover	Sets the color of the product name when hovered.
	Regular Price	Sets the color of the regular price text.
	Sale Price	Sets the color of the sale price text.
	Old price	Sets the color of the original price when a sale is active.
	Description	Sets the color of the product description text.
BADGES	Sale badge	Sets the background color of the sale badge.
	Sale badge text	Sets the text color of the sale badge.
	Featured badge	Sets the background color of the featured badge.
	Featured badge text	Sets the text color of the featured badge.
	Sold out badge	Sets the background color of the sold out badge.
	Sold out badge text	Sets the text color of the sold out badge.
	Countdown background	Sets the background color of countdown timers.
	Countdown text	Sets the text color of countdown timers.
INTERFACE BUTTONS	Wishlist, Compare, Quickview, Slider buttons	Sets the color of buttons over the product image.
	Interface button background	Sets the background color of interface buttons.
	Interface button icon	Sets the color of the icons inside interface buttons.
	Interface button background hover	Sets the background color when hovering over interface buttons.
	Interface button icon hover	Sets the icon color when hovering over interface buttons.
	External interface button background	Sets the background color of external interface buttons.
	External interface button icon	Sets the icon color of external interface buttons.
	External interface button background hover	Sets the background color when hovering over external buttons.
	External interface button icon hover	Sets the icon color when hovering over external buttons.
VARIANTS BUTTONS	Border	Sets the border color of variant buttons.
	Background	Sets the background color of variant buttons.
	Border	Sets the border color in a different state (default/hover).
	Text	Sets the text color of variant buttons.
	Background hover	Sets the background color when hovering over variant buttons.
	Border hover	Sets the border color on hover.
	Text hover	Sets the text color on hover.
	Background sold out	Sets the background color of sold-out variant buttons.
	Border sold out	Sets the border color of sold-out variant buttons.
	Text sold out	Sets the text color of sold-out variant buttons.

The Price and Sale price options apply only to products with a discounted price. These settings do not permit changing the price color for non-discounted items.