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

Looking to remove or disable the add to cart button on the product page


Ns94

Recommended Posts

Thank you very very much for the quick answer, and solution. But for the love of god, I just can not seem to find any Add to cart button option or even products options. Nothing. What am I missing or doing wrong? I went to the sales and products pages, went to design and site styles, just like you said, but nothing! Can that be?

Again, thank you for your assistance 🙂

Link to comment
2 hours ago, Ilan said:

I went to the sales and products pages, went to design and site styles, just like you said, but nothing!

When you got to the Style page after visiting the product detail page, did you hover and click around the area of the add to cart button? Hovering shows what elements have tweaks and click in an area with tweaks should bring up those tweaks in the Styles panel. Sometimes you have to scroll the styles to find the option.

Let us now what you find.

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

Link to comment

Yes, you are aright. It does work when I am in a specific product's page. That is great. I will do that as well.

However, we also have a shop page, where all our products are displayed one after the other. There, one can also "add to cart" a product he wants (in other words you don't really have to go inside the item's page). And on that page, I can not get the option to hide the button. Is there any way for that?

Thank you 🙂

Link to comment
2 hours ago, Ilan said:

Is there any way for that?

Add the following to Design > Custom CSS.

.sqs-block-product .productDetails.center .product-quantity-input,
.sqs-block-product .productDetails.center .sqs-add-to-cart-button-wrapper

  {
  
    display : none;
    
    }

This is for v7.0 using the Brine template family.

Be sure to remove this CSS when you open again! 🙂 

Alternately you could comment it out by enclosing in /* and */ for use later.

Let us know how it goes.

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

Link to comment
On 5/25/2022 at 3:21 AM, creedon said:

Add the following to Design > Custom CSS.

.sqs-block-product .productDetails.center .product-quantity-input,
.sqs-block-product .productDetails.center .sqs-add-to-cart-button-wrapper

  {
  
    display : none;
    
    }

This is for v7.0 using the Brine template family.

Be sure to remove this CSS when you open again! 🙂 

Alternately you could comment it out by enclosing in /* and */ for use later.

Let us know how it goes.

Wow, this really worked perfectly.

 

Thank you ever so much and my apologies for the late reply. I'm abroad and didn't have much computer access. Great support. 

 

Much love 🙂

Link to comment

Hi,

My code has suddenly stopped working and I cannot get it to work. I have a tag as priceonrequest to hide the price and the add to cart for these products. The hidden price code is working but not the hidden cart. Can someone please help me 

www.icegalleries.com

Link to comment
On 6/3/2022 at 4:48 AM, lianne0 said:

My code has suddenly stopped working and I cannot get it to work.

Your code has syntax errors. I had trouble following what you are trying to accomplish in the CSS exactly so I was unable to come up with fixes.

I get that you want to hide some elements when the priceonrequest tag is applied to a product.

Perhaps you could describe what you want to happen when the tag is present and we might be able to come at it from that direction.

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

Link to comment

@creedon

I am wondering if it has something to do with adding a second store (which I have now deleted) as the code was working fine before this.

I need to be able to hide the add to cart button on certain products over a certain price. The hide price seems to be working but the add to cart is not hidden, and customers can still add to basket (which presents the price) 

The code I originally had in the custom CSS was working for the priceonrequest tab and it no longer is. I have tried to update code, from different posts and suggestions on the SS threads, but nothing appears to be working. 

Link to comment
Posted (edited)

@lianne0

So your only requirement is when you set the tag priceonrequest for a product, the price and add to cart button are hidden. Correct? If there are other conditions please list them. It would help to know, when x is done, I want y result.

As second store should not have an effect on CSS.

As I say there are syntax errors in your CSS so things won't work until that is taken care of.

Edited by creedon

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

Link to comment

@creedon Hello yes that is correct. If the tag is priceonrequest, the add to cart should be hidden along with the price.

I am not able to locate this syntax error? It's not coming up in the CSS in the design section?

Thanks for your help

Link to comment

@lianne0

Remove, make a copy somewhere, previous attempts at this effect.

Add the following to Design > Custom CSS.

.tag-priceonrequest .ProductItem-details .ProductItem-product-price,
.tag-priceonrequest .ProductItem-details .sqs-add-to-cart-button-wrapper

  {
  
    display: none
    
    }

This is for v7.1 and specific to the posters need.

On the syntax errors. I misspoke. I was referring to difficulty in reading the ruleset selectors, which should not be a problem after updating the CSS.

Let us know how it goes.

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

Link to comment
1 hour ago, Vishy said:

I'm also having issue removing add cart and quantity.

Please provide more detail on the effect you want to achieve. Do you want to remove all atc buttons? Do you want to remove it on some products? What methods have you tried to remove the atc button?

Also you have set a site-wide password but not provided us with the password.

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

Link to comment
On 6/7/2022 at 5:10 PM, Lee211 said:

Hello, the add to cart button not working on my store page. Im either wanting to remove it or get it functional with quantity.

I just tested your add to cart buttons and they worked for me. Quantity works as well. In what way are they not working for you?

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

Link to comment
  • 1 month later...
On 8/17/2022 at 11:52 PM, afaris said:

 

Site URL: https://www.andrewfaris.com/2022/30x40-untitled01

Hello All,

I would like to remove 'Add to Cart' buttons on specific product pages throughout my site. Here is an example of a page with the 'Add to Cart' button that I would like to remove. I appreciate any help.

I am using Supply Template 7.0

Thanks,

Andrew

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

<style>
  /* Remove add to cart */
  div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...