How do I remove add to cart button on homepage collections in refresh theme

Store Design
1

Currently I need my products to only be a monthly subscription service with appstle. When I enable “Only show this product with these purchase options” on the products page it breaks the add to cart buttons in the collection on the homepage.

I would like to remove the add to cart buttons on the homepage entirely and force the user to click and then purchase.

My store url is : https://strafecyber.com

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.quick-add.no-js-hidden {
display: none;
}

ZestardTech_0-1690433005350.png
ZestardTech_0-1690433005350.png1884×722 77.5 KB

3

Hello @strafeadmin

Please add the following CSS at the bottom of Online Store → Theme → Edit code → Assets → quick-add.css

div.card__content button.quick-add__submit
{
display: none;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.

4

Thank you so much this worked perfectly!

5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.