Author Topic: Joomla "Add to Cart" green hulk button.  (Read 1840 times)

inner

  • Beginner
  • *
  • Posts: 6
Joomla "Add to Cart" green hulk button.
« on: January 09, 2012, 11:16:15 am »
Hi all,
I was wondering if someone could help me out with a little problem I am having with virtuemart, attached is an image of add to cart button (which I've nick named "Hulk Button"), for some reason it is not applying the joomla template theme.

I am using Joomla 1.7.x , Virtuemart 2.x

Attachment 1 : is the current state of the button
Attachment 2 : is what is is supposed to look like
Attachment 3 : is my template settings in Virtuemart

Select the default template for your Shop : skullsdownunder (my joomla template)
Category Template :  skullsdownunder (my joomla template)
Category Layout & Product layout : Both do not display my template, although 'a' tutoral I read appears to require that setting to be set with the template I wish to use 'skullsdownunder', but the template does not appear in the list settings.

If you could help out it would be great.


JtouchMobile.com

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 96
  • Mobile Solutions for VirtueMart 2
    • JtouchMobile.com
Re: Joomla "Add to Cart" green hulk button.
« Reply #1 on: January 10, 2012, 05:31:18 am »
If skullsdownunder is your default Joomla template, then you do not need to specify it in VM setting.

To modify the "Add to cart" button, just do a css overwrite the this define:

File: /components/com_virtuemart/assets/css/vmsite-ltr.css
Css code of:
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button

;)
Author of Jtouch - Mobile solution for Joomla & VirtueMart
http://www.jtouchmobile.com

inner

  • Beginner
  • *
  • Posts: 6
Re: Joomla "Add to Cart" green hulk button.
« Reply #2 on: January 10, 2012, 05:33:42 am »
Thanks a lot for the help mate ;D

inner

  • Beginner
  • *
  • Posts: 6
Re: Joomla "Add to Cart" green hulk button.
« Reply #3 on: January 10, 2012, 06:16:37 am »
Well I thought it would work, every override I've wrrittne so far has works as documented.

I copied : vmsite-ltr.css;
from \htdocs\skullsdownunder\components\com_virtuemart\assets\css
to \htdocs\skullsdownunder\templates\skullsdownunder\html\com_virtuemart\assets\css

But my changes to "span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button" had no effect at all, so I presume its not overriding properly.

archos

  • Beginner
  • *
  • Posts: 33
Re: Joomla "Add to Cart" green hulk button.
« Reply #4 on: January 10, 2012, 23:39:49 pm »
I've seen somewhere you should turn off "use virtuemart css" and add the modified css to the template css.
I mean where the other css from the template are and not the view folder but maybe I'm wrong.

archos

  • Beginner
  • *
  • Posts: 33
Re: Joomla "Add to Cart" green hulk button.
« Reply #5 on: January 11, 2012, 21:03:33 pm »
I've done a test with a gantry framework template. It' works.
Add the viruemart css to the template css folder and modify the index.php file from the template to load the "new" css.
Turn off use virtuemart css.
Now the virtuemart css file used is the one in the template folder.

prismalight

  • Beginner
  • *
  • Posts: 20
Re: Joomla "Add to Cart" green hulk button.
« Reply #6 on: January 19, 2012, 01:00:09 am »
just commenting it out is also not a solution. because then I just have the standard ugly submit button.
as well the checkout button is green.
is there no other way by adding color; background-color ... somewhere in the css?

xchristheisx

  • Beginner
  • *
  • Posts: 5
Re: Joomla "Add to Cart" green hulk button.
« Reply #7 on: March 12, 2012, 23:38:53 pm »
Hello,

to answer your question, the add to cart buttons color is not determined by any css or code. its a PNG and its located here

/images/vmgeneral/backgrounds.png

just change the bottom green box to whatever you want and your good to go! however in vmsite-ltr.css there is a green border you will need to change.

hope that helps!

VirtueMart Forum

Re: Joomla "Add to Cart" green hulk button.
« Reply #7 on: March 12, 2012, 23:38:53 pm »