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

Disable "Add to Cart" for custom product .json file

Disable "Add to Cart" for custom product .json file

lanakcustomflag
Tourist
4 0 1

I've seen instructions for adding a new custom product (liquid) file to disable 'add to cart' but my custom product template is .json. I need to remove the add to cart button from these pages:  https://www.customflags.com/collections/customflags/products/custom-flag

 

download (8).png

Reply 1 (1)

Laura-Hirtop
Shopify Partner
27 5 10

I can see that you added a property to the button "display: none;", but it is overwritten by the default css. I suggest to add this property to the parent element, the <div> above with the class "product-add-to-cart" and add an "!important" after: "display:none !important;". This "important" would overwrite the default customization, and it would be better to have the entire div hidden in order to be sure that the responsiveness is not affected.