Post by lotus » Tue Jul 20, 2010 3:24 am

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.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by SteveSherry » Tue Jul 20, 2010 6:37 am

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

My Website ¦ Summer Madness Special Offer ¦


Active Member

Posts

Joined
Thu Apr 08, 2010 7:47 am
Location - Wirral, UK

Post by lotus » Tue Jul 20, 2010 9:05 am

Thanks Steve.

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

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by lotus » Tue Jul 20, 2010 11:28 am

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'. :crazy:

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

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by lotus » Tue Jul 20, 2010 10:20 pm

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'. :crazy:

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..!

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by helenmarie » Wed Jul 21, 2010 12:22 am

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

User avatar
New member

Posts

Joined
Sat Nov 07, 2009 1:05 am

Post by lotus » Wed Jul 21, 2010 6:05 am

Still looking, haven't found the exact file.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by helenmarie » Wed Jul 21, 2010 6:24 am

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.

User avatar
New member

Posts

Joined
Sat Nov 07, 2009 1:05 am

Post by lotus » Wed Jul 21, 2010 7:04 am

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?

Attachments

+ add to cart.jpg

+ add to cart.jpg (13.82 KiB) Viewed 5991 times


New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by helenmarie » Wed Jul 21, 2010 4:53 pm

Oh right sorry I thought you wanted to change the text ;D

I got JAY to do mine for me

User avatar
New member

Posts

Joined
Sat Nov 07, 2009 1:05 am

Post by lotus » Wed Jul 21, 2010 5:38 pm

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

I got JAY to do mine for me
No problem, thanks for your willingness to help.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by lotus » Wed Jul 21, 2010 10:52 pm

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.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by Purebeads » Thu Jul 22, 2010 5:53 pm

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/

Active Member

Posts

Joined
Fri Apr 30, 2010 12:07 pm

Post by Purebeads » Thu Jul 22, 2010 5:58 pm

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?

Active Member

Posts

Joined
Fri Apr 30, 2010 12:07 pm

Post by lotus » Thu Jul 22, 2010 6:42 pm

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.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by Purebeads » Thu Jul 22, 2010 7:29 pm

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.

Active Member

Posts

Joined
Fri Apr 30, 2010 12:07 pm

Post by Purebeads » Thu Jul 22, 2010 8:11 pm

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/
Last edited by Purebeads on Fri Jul 23, 2010 1:58 pm, edited 2 times in total.

Active Member

Posts

Joined
Fri Apr 30, 2010 12:07 pm

Post by lotus » Thu Jul 22, 2010 11:18 pm

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.

New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm

Post by Purebeads » Fri Jul 23, 2010 1:44 am

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

Active Member

Posts

Joined
Fri Apr 30, 2010 12:07 pm

Post by lotus » Fri Jul 23, 2010 7:33 pm

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.

Attachments

button6.jpg

button6.jpg (27.43 KiB) Viewed 5948 times


New member

Posts

Joined
Fri Jul 16, 2010 9:50 pm
Who is online

Users browsing this forum: No registered users and 89 guests