Solved

Change add to cart button color when using dynamic buttons

INKLY
Excursionist
42 0 5

Hi, I would like to change the color of the add to cart button above the dynamic button. Does anyone know how I can achieve this ? Thank you for your help. 

 

Store URL: https://inkly.fr/products/imprimante-inkly%E2%84%A2

 

INKLY_0-1715845898714.png

 

 

Accepted Solution (1)

BSSTech-Venture
Shopify Expert
494 130 152

This is an accepted solution.

Hi @INKLY , 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css,  theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

 

 

.product-form__submit.button.button--full-width.button--secondary {
    background-color: black !important;
    color: #ffff !important;
}

 

 

Here is result: 

BSSTechVenture_0-1715846804723.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 6 (6)

BSSTech-Venture
Shopify Expert
494 130 152

This is an accepted solution.

Hi @INKLY , 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css,  theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

 

 

.product-form__submit.button.button--full-width.button--secondary {
    background-color: black !important;
    color: #ffff !important;
}

 

 

Here is result: 

BSSTechVenture_0-1715846804723.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

INKLY
Excursionist
42 0 5

Amazing thank you very much !! @BSSTech-Venture 

INKLY
Excursionist
42 0 5

@BSSTech-Venture I just realised that the cart icon inside the 'Add to cart button' disappears when changing the product color variant. Do you know if this change caused it? Because I can not recall this happening before. Please refer to the screenshots below:

 

INKLY_0-1715848119083.png

INKLY_1-1715848142079.png

 

BSSTech-Venture
Shopify Expert
494 130 152

Hi @INKLY
Regarding the variant change leading to the disappearance of the cart icon, it was due to a theme problem that led to this. My code doesn't affect this. You can contact the theme so they can fix it for you

Hope this can help you
Kind regards,

BSSTech-Venture

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

INKLY
Excursionist
42 0 5

I see, thank you

BSSTech-Venture
Shopify Expert
494 130 152

Hi @INKLYI noticed that the toggleAddButton function is causing this problem at file global.js

 

BSSTechVenture_0-1715850974313.png

Hope this can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development