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 08-21-2015, 03:12 AM
undefined8429's Avatar
undefined8429 is offline
Junior Member
 
Join Date: Aug 2015
Posts: 5
Default

How to change Add to bag button


Hi,

I was able to change some of the copy from 'bag' to 'cart' since I want to use an image of a shopping cart instead.

In the product page though (not thumbnail view), for some reason, I'm not able to change that button text to 'Add to Cart' (underneath the qty field - I also don't want that image of the bag shown on the button. There's also a red color tone mixed with the green in the button, I'm not sure how that happened?

Please help.

Thanks,
Olivia
  #2  
Old 08-21-2015, 09:58 AM
Daria L.'s Avatar
Daria L. Daria L. is offline
Ecwid Team
 
Join Date: May 2015
Posts: 558
Default

Quote:
Originally Posted by undefined8429 View Post
Hi,

I was able to change some of the copy from 'bag' to 'cart' since I want to use an image of a shopping cart instead.

In the product page though (not thumbnail view), for some reason, I'm not able to change that button text to 'Add to Cart' (underneath the qty field - I also don't want that image of the bag shown on the button. There's also a red color tone mixed with the green in the button, I'm not sure how that happened?

Please help.

Thanks,
Olivia
Hello!

In order to change your “Add to bag” button on the product detailed page you should follow this instruction: http://help.ecwid.com/customer/portal/articles/1149580

I’ve checked your active CSS theme (in your Ecwid control panel -> Settings -> Design) and as I see you have already added the CSS rule to change “Add to bag” button. Here is your current CSS code:

Code:
/* The "Add to bag" button in up state */
div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(http://omadegranola.com/uploads/icons/add_to_bag_mod.png) no-repeat top center !important;
}
/* The "Add to bag" button in down state */
div.ecwid-AddToBagButton-down, div.ecwid-AddToBagButton-down-hovering {
background: transparent url(http://omadegranola.com/uploads/icons/add_to_bag_mod.png) no-repeat bottom center !important;
}
I’ve tried to open your image URL (http://omadegranola.com/uploads/icon...to_bag_mod.png) in my browser and here is what I see:



You added this image to your CSS rule and your “Add to bag” button was changed. In order to fix it just replace http://omadegranola.com/uploads/icon...to_bag_mod.png with the link to the correct image.

Please, try it out and let me know if any further assistance is required. I'll be glad to help you.
__________________
Daria L.
Customer Care
Ecwid Help Portal
Ecwid Knowlegde Base
  #3  
Old 08-23-2015, 11:25 AM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

Olivia, I believe you might be interested in our new product, custom buttons for Ecwid. Just choose a look here: http://www.ecwid.com/forums/showthre...159#post135159, order and paste the CSS we send you into your Ecwid CSS theme. No images to host, nothing to paint, just copy, paste and enjoy. You will also be able to set the button copy in plain text, no image editing necessary.
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr

Last edited by Thematizr.com; 08-23-2015 at 11:39 AM.
 
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

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 02:58 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.