VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: el_carl0s on August 15, 2012, 02:36:13 AM

Title: Add to cart module issue
Post by: el_carl0s on August 15, 2012, 02:36:13 AM
Hello, im using virtuemart 2.0.8 and joomla 2.5.6

Ok my problem is this, i have modified the layout of the cart module so that it will display the product information in a certain way

(http://i45.tinypic.com/2aep0xy.jpg)
http://i45.tinypic.com/2aep0xy.jpg

and as long as i dont have the modal popup option checked, it works just fine, but when i check that option and i add a product it gets weird looking, it looses all the modifications ive done to the layout and shows as it was originally

(http://i50.tinypic.com/bezq8p.jpg)
http://i50.tinypic.com/bezq8p.jpg

i would like to know how to keep the cart with the modifications ive made and the modal popup option checked
Title: Re: Add to cart module issue
Post by: ivus on August 15, 2012, 10:16:55 AM
Hi el_carl0s,

Yeah... so firstly you'll need to know some Javascript and possess the ability to debug using Firebug/Inspector.

Basically, you've managed to style your CartBox, but haven't updated/modified the AJAX script that pushes data into that box.

You'll need to modify this file : /components/com_virtuemart/controllers/cart.php

Specifically this function :



public function addJS() {}



And maybe this one too :



public function viewJS() {}



That's all I can help you with as I have no idea what variables or div.id you've used since you didn't provide a link. Good luck

I hope this helps.  ;D
Title: Re: Add to cart module issue
Post by: el_carl0s on August 15, 2012, 23:55:12 PM
hello and thank you for your answer, this is the page

http://impactopublicitario.com/beta/index.php/inflables/replica-inflable-tipo-p-o-p-detail

i do know how to debug using firebug, but i dont know that much javascript, can you at least give me an example of what i need to do, please?
Title: Re: Add to cart module issue
Post by: bytelord on August 16, 2012, 00:14:18 AM
Hello,

As suggested from ivus you could use firefox with firebug extension to examine your CSS files which is responsible for styling on a template/webpage or check which js files are loaded and find the conflicts.

You can find more information on the following post that will help you to use firebug and change your CSS as you need and also a very useful joomla article how to change styling in joomla using firebug.

http://forum.virtuemart.net/index.php?topic=102850.0

Also here you can find tones of information regarding CSS styling, examples and references: http://www.w3schools.com/css/

Regards