The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 09-04-2015, 02:11 PM
Peter Sauer_deleted's Avatar
Peter Sauer_deleted is offline
Senior Member
 
Join Date: Jul 2015
Posts: 146
Default

Change "add to cart"button on one product ID


Hi
I want to change the text on the "add to cart" button on one (1) product ID only.
I can only see reference to changing the text on the complete cart not on one single ID.
It is my "Free gift wrapping" IDhttp://www.wildflowersaromatherapy.com/ ProductPage-50809097
Any solutions please.
Thanks
Peter
  #2  
Old 09-07-2015, 12:26 PM
Sergio87's Avatar
Sergio87 Sergio87 is offline
Ecwid Team
 
Join Date: Mar 2014
Posts: 1,512
Default

Quote:
Originally Posted by Peter Sauer View Post
Hi
I want to change the text on the "add to cart" button on one (1) product ID only.
I can only see reference to changing the text on the complete cart not on one single ID.
It is my "Free gift wrapping" IDhttp://www.wildflowersaromatherapy.com/ ProductPage-50809097
Any solutions please.
Thanks
Peter
Hello Peter,

Thank you for the question.

As you know it is possible to change "Add to bag" button in Ecwid Store via CSS. You will find the instruction how to do it in this great article in our Help Centre: https://help.ecwid.com/customer/port...-bag%22-button

As I understand you would like to change the button only for one of your products in the store. It is also possible to apply different CSS rules for certain category, product and other pages. You will find instructions in this article: https://help.ecwid.com/customer/port...uctdetailspage

So in your case you should just add the code to your code that will change "Add to bag" button:

Code:
.ecwid-productBrowser-ProductPage-123456
Where 123456 is the product page ID in your store where you would like to change the button.

Finally you will get the code that will look like this:

Code:
.ecwid-productBrowser-ProductPage-123456 .div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(icons/add_to_bag.png) no-repeat top center !important;
}
Hope this helps. If any additional questions appear - please feel free to ask. We are very glad to help you.
__________________
Sergey G., Ecwid Team
------------------
Welcome to our Help Center with a lot of answers and tips!
  #3  
Old 12-04-2015, 11:56 AM
Peter Sauer_deleted's Avatar
Peter Sauer_deleted Peter Sauer_deleted is offline
Senior Member
 
Join Date: Jul 2015
Posts: 146
Default

Hi Sergey
I am revisiting this question again as I am attempting to change the "add to cart" button on one product on my product grid the first image on the page "E-Card".
http://www.wildflowersaromatherapy.com/warm-buddy.php
I have used this code:
/* View cards button */
.ecwid-productBrowser-ProductPage-57683131 .div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(http://www.wildflowersaromatherapy.c...view-cards.jpg) no-repeat top center !important;
}

I have left this code in the custom CSS
I only want to change it on the grid, not on the product page
But it is not working
Any ideas
Thanks
Peter
  #4  
Old 12-04-2015, 12:45 PM
Sergio87's Avatar
Sergio87 Sergio87 is offline
Ecwid Team
 
Join Date: Mar 2014
Posts: 1,512
Default

Quote:
Originally Posted by Peter Sauer View Post
Hi Sergey
I am revisiting this question again as I am attempting to change the "add to cart" button on one product on my product grid the first image on the page "E-Card".
http://www.wildflowersaromatherapy.com/warm-buddy.php
I have used this code:
/* View cards button */
.ecwid-productBrowser-ProductPage-57683131 .div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(http://www.wildflowersaromatherapy.c...view-cards.jpg) no-repeat top center !important;
}

I have left this code in the custom CSS
I only want to change it on the grid, not on the product page
But it is not working
Any ideas
Thanks
Peter
Hello Peter,

Thank you for the question.

Unfortunately it is not possible in Ecwid to change only one button for specific product on product listing pages. The only way is to change them all on this particular page.

Perhaps this can be modified by applying some Javascript that will determine that on this particular page there is a product called "e-card" and will apply some specific add to bag button for this product.

Such script development will require programming skills from you. We have launched Customization Concierge service recently. If you are interested in such development - we can review this case and calculate a quote for you. Just let us know.

And of course if you have any additional questions - please feel free to ask. We are very glad to help you.
__________________
Sergey G., Ecwid Team
------------------
Welcome to our Help Center with a lot of answers and tips!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
add to cart, only one id

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:54 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.