Trying to remove the Add to Cart button from one product page

Hi, 

I want to remove the add to cart button from one product page. Or, even better, I would like to have the button link to my book on Amazon (it's a self-published book available print on demand). I've tried adding code to the shop header but it's not working. Can you help please?

Please post the URL for the one product on your site. Which code did you try to use?

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

here's the link for a book on my site that I would like to remove the add to cart button from:

War Stories: Spiritual Warfare & the Toxic Narratives that Sabotage Your Life — Vector Ministries: Your Source for Soul Care

I'm not seeing an add to cart button. So it appears you have solved the issue?

Yes, I think I did! 

I found a code snippet to hide the button when out of stock. And then I added another code to hide the out of stock banner. So, I think that solves it. Thank you!

Here's the codes I used, in case anyone else is interested in this thread:

// Hide Add to Cart button when product is out of stock
.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}
/* hide sold out text */
.product-mark.sold-out {
    display: none !important;
}

On 5/26/2021 at 10:56 PM, VectorMin said:

Here's the codes I used, in case anyone else is interested in this thread:

// Hide Add to Cart button when product is out of stock
.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}
/* hide sold out text */
.product-mark.sold-out {
    display: none !important;
}

Hi. I see your site has some problems. You can create a new questions, we will help.

Site URL – https://www.vectorministries.org/

1. (Mobile-Footer) reduce space between Our Team – Blog?

2. (Tablet-Homepage) Make newsletter text 2 lines, same as desktop?

3. (Tablet-Homepage) Increase banner text width?

4. (Tablet-Header) Increase logo size

5. (Tablet-About) Increase text width?

6. (Mobile-About) reduce white space?

7. (Tablet-Blog) change to 2 or 3 posts/row?

8. (Tablet-Blog Posts) Increase text width?

9. (Tablet-FAQs) Increase text width?

10. (Tablet-Shop) Change to 2 or 3 products/row?

11. (Mobile-Shop) Change top links to 2-3 lines, instead of scrollbar?

12. (Mobile-Products) Add a breadcrumb on top of products.