Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Question

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?

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0

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!

Link to post
  • 0

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;
}

Link to post
  • 0
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?

vectorministries.org-01-min.png

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

vectorministries.org-02-min.png

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

vectorministries.org-03-min.png

4. (Tablet-Header) Increase logo size

vectorministries.org-04-min.png

5. (Tablet-About) Increase text width?

vectorministries.org-05-min.png

6. (Mobile-About) reduce white space?

vectorministries.org-06-min.png

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

vectorministries.org-07-min.png

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

vectorministries.org-08-min.png

9. (Tablet-FAQs) Increase text width?

vectorministries.org-09-min.png

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

vectorministries.org-10-min.png

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

vectorministries.org-11-min.png

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

vectorministries.org-12-min.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...