How can I make the 'Add to Cart' button visible and change the color of the 'Buy with Shop Pay' button?

How can I make the 'Add to Cart' button visible and change the color of the 'Buy with Shop Pay' button?

3Patch
New Member
5 0 0

Hello, I have no "Add to Cart" Button on my individual product pages. Within my theme editor there is a button but its solid white and I can't see it. I've tried toggling the button section in theme settings but it only adjusts the "Buy it Now" button. How do I add an add to cart button and make it visible?

 

Also, I really hate the color of the "Buy with Shop Pay" button and how when I hover over it, it doesn't pop out at me. How do I change the color and make it so it pops out?

 

https://flowera.art/products/mushrooms-are-down-to-earth-black-bleached-shirt

 

 

Replies 6 (6)

Dirk
Shopify Staff
2428 258 551

Hey, @3Patch 

 

The reason the 'add-to-cart button is appearing as blank is due to your theme color settings have the button and text set to white. Making it appear invisible. It also cannot be clicked on because that item is set as sold out:

 

 

As far as customizing dynamic checkout buttons (Shop Pay) we have a guide here

 

If there is anything else I can help you with, please let me know.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

3Patch
New Member
5 0 0

I changed the color and it's still not appearing on my site.Screen Shot 2023-03-01 at 2.28.43 PM.pngScreen Shot 2023-03-01 at 2.29.19 PM.png

3Patch
New Member
5 0 0
gregNucoff
Visitor
1 0 0

Hi 

did you manage to make it appear and how ? i have the same issue 

 

PageFly-Victor
Shopify Partner
7865 1786 3127

Hi @3Patch 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Online Store ->Theme ->Edit code

Assets ->Base.css

button#ProductSubmitButton-template--17967543681329__main {
    background-color: #D9C4E1;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

BelleKloset
Visitor
1 0 0

Hello Victor. Is there a way yu could help me out? I am not good with coding. My problem is, my them is black. On my product page, when I hover over add to cart, i can't see the button but my mouse is letting me know that is the button. For customers to see the button how can i change it white but still keep my black theme? I have looked everywhere and I have a custom theme. https://bellekloset.com/