View Single Post
Old 05-23-2017, 07:30 PM
Wendy's Avatar
Wendy Wendy is offline
Ecwid Team
Join Date: Jun 2014
Posts: 1,122

Originally Posted by admin5153 View Post
Hello I would like hide the "ADD TO BAG" button
by the page of certain products only, I've read some posts
who explain it, this is the actual script who was suggested:

div.ecwid-productBrowser-ProductPage-XXXXXX div.ecwid-AddToBagButton {

Where XXXXXX should be my product ID, I used this code but
the "add to bag" button is keeping show, I wanna ask is maybe the code
wrong or I just didn't enter the correct ID?
Going in my product page I get this url:!/Leaf-T-S...613/category=0

ID should be 84877613 right?
but if I put the following in my custom CSS it still show..

div.ecwid-productBrowser-ProductPage-84877613 div.ecwid-AddToBagButton {

I really need help..

Hi Ivan,

This is Wendy from Ecwid. Thanks a lot for getting in touch with us!

I checked your custom CSS code and as I see, you correctly found the product ID. In order to fix this CSS code, you need to update this part:

This is the CSS class of old "Add to bag" button. There are new new store front buttons in your store at this moment. So, you should replace the old class with the new one:

Here is the correct CSS code:

div.ecwid-productBrowser-ProductPage-84877613 button.ecwid-btn--addToBag { 
If you have other concerns, please feel free to write me back and it will be my pleasure to assist you further. Have a wonderful day!
Ecwid Customer Care Team
Help Center

⬇ Please click Thanks if my reply helped you.