Scheme 2 secondary button colors allow you to modify the button on the checkout order summary section. To create a secondary button, you can use the Simple Checkout builder to add a scheme 2 secondary button component to your store.. Scheme 2 refers to the area that encompasses the checkout order summary.

PropertiesDescription
Secondary Button Background ColorSet the secondary button background color for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Accent ColorDefine the secondary button accent color (links and focused states) for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Border ColorDefine the secondary button border color for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Base Decorative ColorDefine the secondary button decorative color (highlighting parts of the user interface) for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Icon ColorDefine the secondary button icon color for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Text ColorDefine the secondary button text color for scheme 2 (should be 6 digits hexcode e.g: #000000).
Secondary Button Background Color on hoverSet the secondary button background color for scheme 2 on hover (should be 6 digits hexcode e.g: #000000).
Secondary Button Accent Color on hoverDefine the secondary button accent color (links and focused states) for scheme 2 on hover (should be 6 digits hexcode e.g: #000000).
Secondary Button Border Color on hoverDefine the secondary button border color for scheme 2 on hover (should be 6 digits hexcode e.g: #000000)
Secondary Button Base Decorative Color on hoverDefine the secondary button decorative color (highlighting parts of the user interface) for scheme 2 on hover (should be 6 digits hexcode e.g: #000000).
Secondary Button Icon Color on hoverDefine the secondary button icon color for scheme 2 on hover (should be 6 digits hexcode e.g: #000000).
Secondary Button Text Color on hoverDefine the secondary button text color for scheme 2 on hover (should be 6 digits hexcode e.g: #000000).

Examples

Set Scheme 2 secondary button background color

Set Scheme 2 secondary button text color

How can we help?