How do I remove the 'Add to Cart' button from my Ella 4.0 theme store?

[hifzaa]

how to remove add to cart button from my shopify store shoegaro.in? I am using Ella 4.0 theme.

[kjproweb]

Hellow Hifzaa,

The process of deactivating or disabling the Shopify provided 'Add To Cart' button can vary depending on the theme that you're using.

You can find step-by-step instructions here ---

https://help.shopify.com/en/manual/online-store/themes/os/customize/hide-add-to-cart-buttons

Remove dynamic checkout buttons on product pages. Steps (On Desktop):

• From inside of your Shopify admin panel, go to Online Store > Themes.
• Then, find the theme that you want to edit, and click, > Customize.
• Open the drop-down menu at the top of the page.
• Select Product pages.
• Click the Product pages section.
• Uncheck "Show" dynamic checkout button.

Click Save.

=====

OPTION II (Depending on your theme). Prior to editing the code of your favorite theme make a duplicate first. This way you will have an original copy saved inside of Shopify in case you make a terrible mistake.

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme you want to edit, and then click Actions > Edit code.

3. In the Sections directory, click to open your product-template.liquid file. Find the HTML code for the Add to cart button. You can search for the word cart as a start.

The code for the add to cart button varies theme to theme. Look for an <input> or <button> tag with text like Add to cart, AddToCart, or add-to-cart.

4. When you find the code, wrap it in Liquid {% comment %} and {% endcomment %} tags. This will stop the code from being shown on your store, but will let you easily put it back if you want to change your new template later.

Happy Selling,

Kevin James | a Shopify approved partner

Full-stack & Front-end Web Developer

KJ ProWeb

[hifzaa]

Thanks for your reply James. I tried option 1; it hides 'buy it now' button but add to cart button is still visible. In case of option 2, I cant find 'product-template.liquid' but there are many files like following:

product-template-default.liquid

product-template-full-width.liquid

'product-template-gallery.liquid

'product-template-grouped.liquid

and so on.

Which file I should modify? Can you please help me with this?

[vmstukalov]

Hi Hifzaa,

Just hide it.

1. Go to the {url}/admin/themes

2. Select Actions - Edit Code

3. Go to Assets-base.css

4. Add this line to line bottom of file:

#product-add-to-cart {display:none;}

5. Save

If it doesn't work, provide link of site please, I'll correct line of code.

[hifzaa]

Hi Vmstukalov,

I could not find Asset-base.css, here is my store url https://shoegaro.myshopify.com/ 

and website url www.shoegaro.in 

[vmstukalov]

Assets folder you can find on the left side. CSS file can be another name. Check file with name

theme-styles-responsive.scss.css. If you have it, add line:

#product-add-to-cart {display:none;}

[hifzaa]

Thanks Vmstukalov, it worked! 

Thanks a ton!

[AvadaCommerce]

Hi @hifzaa,

Please try adding this code at the bottom of the theme-styles.scss.css under the Assets folder

.product-shop .groups-btn #product-add-to-cart, .product-shop .groups-btn .product-add-to-cart {
    display: none;
}

I hope it helps.

[Miguel241]

Hello, how can i delete it? I tried all and nothing is work

[VictoriaW23]

Hi, I know your reply was from a year ago but wondered if you could help. I'm building a real estate website and really need that "add to cart" button to go away. Can you help?  I can't seem to correct it myself.

Thanks!

Victoria