VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: django29 on November 28, 2014, 16:01:41 PM

Title: Products aligned vertically instead of horizontally in VM modules
Post by: django29 on November 28, 2014, 16:01:41 PM
Hi

Once more, in a VM horizontal module (featured products), the products are aligned vertically instead of horizontally.

In the module admin I put 5 products and 5 columns.

I had already this problem months ago, but I don't remember the solution.

Joomla 2.5.11 + VM 2.0.2 (Yes I know, I should upgrade ... when I have time).
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: django29 on December 07, 2014, 12:06:33 PM
Migrated Joomla to 2.5.27 , but the products are still displayed vertically instead of horizontally in the module.
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: jenkinhill on December 07, 2014, 12:25:21 PM
Have you looked at the code with Firebug?  http://forum.virtuemart.net/index.php?topic=116620.0

http://forum.virtuemart.net/index.php?topic=118683.0
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: GJC Web Design on December 07, 2014, 12:54:24 PM
also without a live url impossible to help you
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: django29 on December 11, 2014, 11:34:19 AM
I looked at the code with firebug, as usual, but I didn't find why this module didn't want to align horizontally the products only on the homepage.

The module is still in vertical on the right, because I can't place it horizontally in maintop position, for ex. :

http://www.landerne-primeurs.com/

Same problem with the pagination of the products.
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: django29 on December 29, 2014, 18:55:57 PM
I'm still fighting with these vertical alignements in the modules and for the pagination.

I can see this problem is very frequent, but the answers I find don't solve my problems...
Title: Re: Products aligned vertically instead of horizontally in VM modules
Post by: GJC Web Design on December 29, 2014, 21:57:08 PM
because the div has a class of width33 and you have no width set for this
so of course even in a horizontal layout it will take a 100% width if none is specified!

the class is set in the vm css but your not loading it on the home page - in fact your not loading any vm css anywhere

add

.width33 {
width:33%;
}

or what ever is needed to set the width