How can I change Add to Cart button on Home Page? Opencart

Please LogIn to Reply!

Post By: guest | 01-17-2013 07:57 Reply

Question

Is there way to change the add to cart from the + sign to an actual 'Add to Cart' button on the home page in the centre whether its in Featured Product or Latest Product box if in the center.

Answers

the link to the "+" sign is stored in the stylesheet file, the link is "../image/button_add_small.png"

Thanks Steve.

Anyone got any nice button png to share to save me recreating one?

SteveSherry wrote:the link to the "+" sign is stored in the stylesheet file, the link is "../image/button_add_small.png"


Steve,

Where do I find the text to go into the png? ie. where is the word 'Add to Cart'.

I know this might be all basic stuff but will save me from stuffing up down the track.

lotus wrote:
SteveSherry wrote:the link to the "+" sign is stored in the stylesheet file, the link is "../image/button_add_small.png"


Steve,

Where do I find the text to go into the png? ie. where is the word 'Add to Cart'.

I know this might be all basic stuff but will save me from stuffing up down the track.


Anyone can please help on this question..sorry to be a pain..!

I think you'll find it in the language folder

Catalog>language>english>english.php

or atleast it is on my version 1.4.7

Still looking, haven't found the exact file.

Catalog > Language > English > english.php

It is line 24 of the english.php file where it says:

$_['button_add_to_cart'] = 'Add to Cart';

You just change the Add to Cart text to whatever you want it to be.

Thanks Helen Marie,

I can see what you mean which is good and I appreciate that.

What I actually meant in my original post was that in 1.4.8b, on the homepage under 'Featured Products' or whatever you choose to have in the center section, next to the product description there is a '+' sign to add to cart.

I would like to change that '+' sign to 'Add to Cart' button on the Homepage.

- I can find the (+)image, but what code do I need to change and where do I find that to reflect on the homepage?

Oh right sorry I thought you wanted to change the text

I got JAY to do mine for me

helenmarie wrote:Oh right sorry I thought you wanted to change the text

I got JAY to do mine for me


No problem, thanks for your willingness to help.

Any other suggestions or ideas on this?

Q. Would a 'Add to Cart' or 'Buy Now' button make a difference to making a buyer buy from the homepage? As I understand it, the general idea is to convert to sales with the least amount of user clicks.

Examples of some sites that do use it in Australia:
http://www.ht.com.au/home.hts
http://www.dealsdirect.com.au/

Thoughts & comments welcome.

If you are able to find the image of the plus sign, all you have to do is to create a new image. I am pretty sure (though not positive) that the green Add to Cart buttons are forms and not images. So you'll need to create your own Add to Cart button. You can do that by doing a print screen while an Add to Cart button is on the screen, pull the print screen image into your photo-editing program, and make a button image out of it. Be sure to save it in the same format as the [+] image (PNG or GIF, I don't remember which). I can do that for you if you wish.

One other thing: The [+] image is the same height (in pixels) as the price to the left of it. I tried to make an Add to Cart button that was the same height as the numbers, but there just aren't enough vertical pixels to get the letters in. So whatever button you end up making, it will be larger than the price, and I don't know if that will create a display anomaly (probably not, but it might).

If you want me to make a green Add to Cart button for you, just respond here and I'll make one tonight. My recollection is that you didn't want to exchange personal emails with me before (I must have Cooties), so I'll post it on my web site and let you know where it is.

On my own site, I kept the [+] symbol, but I made it green to match the other buttons:

www.purebeads.com/catalogue/

I decided that I would make the button right now, but I really have to go to bed. It will look like the green Add to Cart button, but it will be a little smaller (with some of the green removed so it fits in better). If I have the time I will also make it with the text Buy Now. I will post a link to the new buttons in about 20 hours in this thread (after midnight Eastern U.S. time). I'm pretty good with graphics.

Instead of Add to Cart, how about just the word "Add" to make the button smaller?

Hi Purebeads,

Thanks fantastic idea of incorporating the words to the image.

That will be great even if its 20hrs to wait and thanks for the offer. I think just the words 'Add' or 'Buy' will do the trick.

I'm having insomnia, so I've started working on it. I already have a small problem, and that is that my photo-editing program (Paint Shop Pro) cannot set a background transparency for PNG files, so the corners of the buttons will be white. That won't be a problem if you haven't changed the background color of your cart.

Since the [+] symbol is an image, I assume that the cart will expand the clickable area to accommodate the larger image.

Okay, here are 6 buttons for you, all with slight differences. Choose the one that you think looks the best. (I prefer the third Add button.)

I have included instructions on how to do everything (a modification to a file is necessary to make the entire button show).

http://www.purebeads.com/OpenCart.htm

By the way, I have added the third Add button to my own cart. You can see it here at:

http://www.purebeads.com/catalogue/

Purebeads wrote:Okay, here are 6 buttons for you, all with slight differences. Choose the one that you think looks the best. To put it on your computer, just right-click it and select Save. If you want any changes or modifications, I'll do them this evening.

http://www.purebeads.com/OpenCart.htm


Purebeads,

Thank you for the great help and doing this for me. This is just great.
I will give these a try and see how it looks. I agree I think the last button 6, might be the best for the use.

How about attaching a link to your cart so I can take a look?

Hi Purebeads,

That idea might not work but see the attachment. It chops of the button and only displays 1 character as there isn't the space to display the rest. I am assuming there may a need to make a few other adjustment to the code perhaps.

I will PM you my link shortly.

Tags:

opencart add to cart button not working

add to cart png

add to cart button png

opencart add to cart button

Reply Or Comment!
Please LogIn to Reply!