Serr.biz ethical seo company Modify add to cart button - Web Designer - Emarketing Consultant

Home

Serr.biz

Modify Add To Cart Button

Question: How do I modify the add to cart button in Virtuemart 1.1.2?

Answer: There are two ways to modify the cart.

1) The default image used is add-to-cart_blue.gif, which is located in components > com_virtuemart > themes > default > images.

Just open that file in your image editor, modify with in the confines of the preset height width, save in the same format and file name, then upload.

2) Second, you could create new image completely, save in the same folder, then modify the CSS file to reflect the new image name. The themes css file is located at:

components > com_virtuemart > themes > default > theme.css

The definition you need to change is .addtocart_button.

In the same CSS file, you can adjust the width, background color, border, etc.

Note: If you do not like the default right alignment of the add to cart button, you can edit the source code in addtocart_drop.tpl.php, which is located in components > com_virtuemart > themes > default > product_details > includes.

Or, another option, is to edit the flypage (template), in question.

Comments (2)

Hello, I realized that you published that note a year ago. But if you check that page I'd like to ask you something.

I changed my image in the same directory with the same name. ''add-to-cart_blue.gif''
and it works on local. But not on the production. I cannot understand what should I change in the theme.css . Already I gave the same name , right?

I'm new with the web things, sorry for bothering.

RESPONSE: Did you remember to UPLOAD the NEW version of the image? If so, could be a CACHE issue with your browser. Delete history, start browser again and see.

I changed my add to cart image just as your directions above stated, but not I want to delet the add to cart text that is over top of it. On my new add to cart image I already have the text included. I was hoping you could help. Thank You so much!...Jewel ;o)
From Serr.biz:
IF you need a little help, check out our paid Joomla help services.