I want to hide 'Add to Cart' button.

Site URL: https://www.akshitcreations.com/

I want to hide 'Add To Cart' button on my website. And mainly use this as a catalog site for now. How do i do that? Thanks in advance.

Hi @akshitcreations

Try adding this to your CSS panel

.product-quantity-input {
  display: none!important;
}//hide quantity selector
.ProductItem-quantity-add-to-cart {
  display: none!important;
}//hide add to cart button

Thanks Maya. I need more help. How to navigate to CSS panel?

@akshitcreations Here's a quick, soundless tutorial on where to find that! https://share.zight.com/bLuNzdKX

I did the same. However i still see the 'Add To Cart' button on remaining pages.

Remove this 

.ProductItem-quantity-add-to-cart {
  display: none!important;
}//hide add to cart button

And replace with this instead

.pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper {
  display: none!important;
}

i did but no luck. I still see Cart icon and 'Add To Cart' button. Thanks so much for helping me out. This is the only thing holding me to publish my webiste. I tried a multiple option of forums but nothing helped. You can check my site too.

I think it worked. I tested the site in incognito mode and looks like it is working. I will check more. Thanks a lot for your help!!!

@akshitcreations You're welcome! I just viewed on my side and don't see the buttons anymore. https://share.zight.com/v1uGojq7

Goodluck!!

Just simply add this code into Custom Css:

.sqs-add-to-cart-button-wrapper{
display:none !important;
}