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

How do I hide the "add to cart" button on only one product page


Recommended Posts

We sell only some items on our website and I need to hide the add to cart button on only a few pages and not throughout the entire site. I switched templates to the "Impact" template and now the "add to cart" button is showing on every product page.

Link to post
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Edit product > Additional Info > Add a Code Block > Paste this code

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


Link to post
7 hours ago, Michellenk said:

Thank you so much! You're a life saver!

I see on tablet, the text a bit narrow, on about us page

You can add this to Design > Custom CSS to increase width

/* about us text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-55cb9caae4b04e605ee2d6da>.row>.span-8 {
    width: 100%;


Link to post

Thank you! very helpful!

Unfortunately the first code to hide the "add to cart" stopped working and now it is showing on all products again.

I pasted the code into each page under settings -> code injection.  (see screenshot below)

Do i need to put the code on each product individually instead?


Yesterday I added a "scroll to top" code, could this have interfered?


Link to post

Now it is hiding the cart under everything again (still incorrect)

5 minutes ago "add to cart" was on every product and just now "add to cart" is hidden on everything

I am really not sure whats going on.

a few minutes ago.jpg


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...