How can I change the color and remove the 'Add to Cart' button in Shopify?

Store Design
1

I’m having trouble removing the ‘Add to Cart’ button and changing the color of the button in Shopify. Can someone from the Shopify community provide guidance on how to do this?
Shopify store: https://moutain-bros.myshopify.com/
Password: offoba

2

From playing with a couple themes it doesn’t seem like you can separate the add to cart and buy button in the customizer, I recently did a similar project and had to edit the theme code.

Screenshot (95).png
Screenshot (95).png1920×1080 318 KB

3

i would try to edit on theme liquid but i cannot find it anywhere, i would even hide the add to cart button if i could

4

It could be kinda tricky if you aren’t familiar with the template files shoot me a DM if you need a hand

5

Hi @Mindscape ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

6

Hi Victor, I want to Thank you so much for this information as it have helped me tremendously and it worked great!
can i ask you one more question, if in the future i want to add a product and then add the add to cart button, would that possible to turn the button into the corresponding colors? anyhow, for now this is more than awesome! thank you!

7

Yes, If you want to add it again just delete my code. And here is the code to change the background color and text color if you want:

Example:

PageFlyVictor_0-1681860329621.png
PageFlyVictor_0-1681860329621.png702×280 5.21 KB

8

This is amazing!! Do i also add before the ?

I saw you wrote red and white for the colors, if i want to change them a color of my choice, do i only write the name of the color or can i also write the hex number?

Thank you so much for your help!

9

Yes you can change value color to fit your store, using name of them or hex