Hi! I am trying to change the “add to cart” button color and my header logo color on my product page based on the selected variant - i.e the variant selected is pink - add to cart button changes to pink and my website logo changes to pink, or the variant selected is blue - the add to cart button cha…

That’s a cool idea! Yes, it’s possible using conditional logic in JavaScript. I can help you set it up—let me take a look at your theme.

:grinning_face_with_smiling_eyes: Let me know if it helps :slightly_smiling_face:

So sorry - not sure if i missed the solution here to try. New to the forum and not sure if solution was posted some where other than this thread.

No worries if possible allow me to check your theme code so that i can sort it perfectly :slightly_smiling_face:

Page Design Based on Variant Color

rlp1998 January 29, 2025, 2:49pm 3

YAY! Thank you in advance for helping out!

Topic		Replies	Views
How to change the color of the variant button? Store Design design , customizations , shopify-themes , product-page	6	78	April 14, 2025
How to change variant/quantity/buy buttons on one specific page Store Design design , css , shopify-themes	3	29	April 20, 2023
Add to cart button color change when variant is selected Store Design design , customizations , collection-page , cart-page , shopify-themes	1	15	March 11, 2023
How can I alter the color of my product variant to match my website? Store Design	1	27	August 21, 2022
Varianten Buttoms Store Design design , shopify-themes	5	64	October 21, 2025