News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

need some help on my "add cart" button

Started by gobargian, April 21, 2013, 10:23:47 AM

Previous topic - Next topic

gobargian

Dear All,

I need some help on my "add cart" button, i can't click it when pic fully loaded,  I need to change the position of my "add cart" button as image below;
please really need help I new in VirturMart,  :(

my online shop: http://chicncheaps.com/index.php/viruemart-store/accessories/tommy-hilfiger1-detail

thanks in advance. ;)


Namit

You don't have to change the position of  "add to cart" button.  Your problem with this button is because you install some extension (JQZoom) which overlaps "add to cart".

If you want to change the position of the button, you have to modify the default.php file in the view's directory.
\components\com_virtuemart\views\productdetails\tmpl

However, you can also change "width" setting in your extension. Now, this value is set to 660px .. change it to other value like 100px or less.

jenkinhill

Use Firebug to look at your code - http://forum.virtuemart.net/index.php?topic=102850.0

That is a non-standard layout you are using, so I'd guess it is your template overrides that need editing.  http://forum.virtuemart.net/index.php?topic=108212.0
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

gobargian

Thanks Namit & jenkinhill for the advice,

But i have one more problem I already check my extension no JQzoom install or any related to zoom as mention by Namit,
and i already install Firebug and i detect the "width" size (660px) but i don't know where to edit that code.

please help me.

Thank you in advance.

Namit

/templates/theme_free/css/virtuemart.css   line:1356

Your code:
.slides_control {
height: 316px!important;
}


After changes:
.slides_control {
height: 316px!important;
width: 100px !important;
}


This will work... but this is quite brutal solution

gobargian

Great it work, thanks Namit you're the best. :) ;D