We are an Ethical SEO company providing Joomla web design, emarketing and training since 1999

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.