VirtueMart Forum

VirtueMart 2 + 3 + 4 => Administration & Configuration => Topic started by: vicnkris on January 10, 2012, 21:33:57 PM

Title: Where is the Add to Cart Button in VM 2.0?
Post by: vicnkris on January 10, 2012, 21:33:57 PM
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.
Title: Re: Where is the Add to Cart Button in VM 2.0?
Post by: Anypc on January 13, 2012, 08:48:21 AM
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.
Title: Re: Where is the Add to Cart Button in VM 2.0?
Post by: vicnkris on January 27, 2012, 23:10:12 PM
Does anyone know where the image file is located?
Title: Re: Where is the Add to Cart Button in VM 2.0?
Post by: lipes on January 28, 2012, 00:09:53 AM
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..
Title: Re: Where is the Add to Cart Button in VM 2.0?
Post by: vicnkris on January 28, 2012, 13:07:41 PM
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.
Title: Re: Where is the Add to Cart Button in VM 2.0?
Post by: PRO on January 28, 2012, 14:12:38 PM
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;
}