tannerdrums Posted November 24 Posted November 24 Site URL: https://www.curiostudio.net/store-1/p/b324x465y5ysn2k8eytjzl3d3xt57b Client i'm working with on their site wants all of their product pages to be viewable, but not all of them available to order. Is there a way to remove the Add To Cart button on only certain products, or disable them from being bought? I found a similar forum with a code solution, but it removes the button for all products.
Solution JosefMicka Posted November 25 Solution Posted November 25 (edited) you can add code into custom css for specific products to hide it you need to write selector for each product [data-item-id="664a4d14f70aea387c299298"] .sqs-add-to-cart-button-wrapper { display:none; } data-item-id can be found in webpage code with product, i got this one from page you linked. Edited November 25 by JosefMicka
tannerdrums Posted November 25 Author Posted November 25 3 hours ago, JosefMicka said: you can add code into custom css for specific products to hide it you need to write selector for each product [data-item-id="664a4d14f70aea387c299298"] .sqs-add-to-cart-button-wrapper { display:none; } data-item-id can be found in webpage code with product, i got this one from page you linked. Thank you! We've ended up just adjusting the stock of the items to prevent certain items from being added to the cart, but I will keep this in the back pocket for the future.
JosefMicka Posted November 26 Posted November 26 20 hours ago, tannerdrums said: Thank you! We've ended up just adjusting the stock of the items to prevent certain items from being added to the cart, but I will keep this in the back pocket for the future. setting item out of stock is also option, that came to my mind, but since i was not sure, if it doesn't show "out of stock" or similar message, i opted for CSS approach.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment