What's your biggest current challenge? Have your say in Community Polls along the right column.

How to remove add to cart button for specific template in Empire theme?

Solved

How to remove add to cart button for specific template in Empire theme?

dpzcr
Tourist
7 0 1

Hi I am working on a theme that hasn't been published because we're retooling the whole design of our website. We're using Empire. I have not been able to remove the add to cart button in one specific product template (I don't want it for certain products but for others yes). I already have another button to Request a Quote that will replace the add to cart button. But when I click to remove the form block in the template it also removes the variant options and I want to keep those. Is there a way to separate the variant options and the add to cart button within the form snippet so that I can only hide the add to cart button? 

Something like this is what I want:

ask remove atc button.png

 

Daniela
Webmaster | TPT
Accepted Solution (1)

namphan
Shopify Partner
2036 269 296

This is an accepted solution.

Hi @dpzcr,

Please go to Customize > Products > Custom CSS and add code:

.product-form--atc {
    display: none;
}

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 6 (6)

Shadab_dev
Shopify Partner
926 49 91

Yes you can do this with if conditions you dont need to create different templates just for this. Please send your url and i will try this out for you.

 

Best
Shadab

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
dpzcr
Tourist
7 0 1

EDIT: Oh somebody else helped me and it worked perfectly but thank you for your help!

---

I do have it as a different template because it's not only this feature that is different from other product pages so it'd be better if it worked with a template. texas-process-technologies.myshopify.com  is my URL but I haven't yet published this theme as there are many pages that have to be adjusted and I would rather do it when I'm done with everything as we don't want to stop selling (we'll likely publish this on a weekend).

Daniela
Webmaster | TPT

Sonya_2025
Shopify Partner
294 36 53

Hi @dpzcr 

Normally the buttons can be removed from your template, just by click removing button. like below.

 

Sonya_2025_0-1730942761084.png

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME

namphan
Shopify Partner
2036 269 296

This is an accepted solution.

Hi @dpzcr,

Please go to Customize > Products > Custom CSS and add code:

.product-form--atc {
    display: none;
}

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
dpzcr
Tourist
7 0 1

Oh, that worked perfectly, thank you very much!

Daniela
Webmaster | TPT
namphan
Shopify Partner
2036 269 296

Hi @dpzcr,

You're welcome and happy to help 🙂

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com