News:

Support the VirtueMart project and become a member

Main Menu

Where is the Add to Cart Button in VM 2.0?

Started by vicnkris, January 10, 2012, 21:33:57 PM

Previous topic - Next topic

vicnkris

I would like to replace my add to cart button with a custom button, but am having trouble locating it and when I search forums it comes up with the path for the old version.

Any help here is greatly appreciated.

Anypc

I think it's not a button anymore. I found it in a language file.

The green panel is an image, but the text can be altered in one of the language files.
Prowd owner of webshop:
www.AnY-Computers.nl

Version J2.5.4 with VM 2.0.3E.

vicnkris

Does anyone know where the image file is located?

lipes

1st - install filezilla in your browser to see more and find what you want in code about the CSS, etc... And study a little how to use it good ...

then go to your host / local host and seaarch in components > com_virtuemart > assets > images

this address: (../images/vmgeneral/backgrounds.png)

if you see that this problem was solved, mark this topic as Solved with the green right..
VM V. online: J2.5.14 | VM 2.0.20a | SQL 5.1.70 | PHP 5.3.25

vicnkris

Thanks I was able to make the changes to the backgrounds.png to make the add to cart button the color I wanted. I really appreciate the help.

PRO

best is to change the css like I did below.

(productsdetails/tmpl/default.php)
<?php // Display the add to cart button ?>
         <div id="addtocartwrap">
            <input type="submit" name="addtocart"  class="addtocart-button" value="<?php echo $button_lbl ?>" title="<?php echo $button_lbl ?>" />
         </div>


css
.addtocart-button {
    background: url("/demo/images/addtocart.gif") no-repeat scroll center center transparent;
    border: 1px solid #00628B;
    color: #b9298b;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 37px;
    margin-left: 1px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-left: 31px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}