News:

Looking for documentation? Take a look on our wiki

Main Menu

Wrong category view vm2

Started by mzone85, August 22, 2012, 22:30:09 PM

Previous topic - Next topic

mzone85

I have a problem with vm2

The category view page is set to 3 products in a row but what he does is 2 products and 1 below those 2
See: http://www.quanjel.nl/webshop/index.php/component/virtuemart/kleding/dames/damesjas

how do i solve this problem?

thanks in advance

PRO

.component-content .width33 {
    width: 33.33%;
}
body .floatleft {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

the margin-right:15px;   makes it to where 3 cannot be in  row

add

.browse-view .floatleft{margin-right:0px !important;}

bytelord

Hello,

This is your template issue and this is a commercial template, you should ask your template provider about that.
You should try the default vm template layout with no overrides, if is working then is a issue on your template.

btw, the reason is that there is not enough "space" on your container, so changes line. You should change the width inside your template source to be smaller from 33% or made an override. Better solution may be use smaller images.

Regards.

Update: or you can just do what PRO suggests you.
Production: Joomla 2.5.8 | VM 2.0.14 | PHP 5.3.13
Testing     : Joomla 2.5.8 | VM 2.0.16 | PHP 5.3.8
Testing     : Joomla 2.5.8 |    VM 2.1   | PHP 5.3.8

- Don't Forget to mark thread as solved when it is solved!
- Please do not PM with support questions, use the forum!

bytelord

you should also take a look on that tread :) will help you a lot for making overrides

http://forum.virtuemart.net/index.php?topic=102850.0
Production: Joomla 2.5.8 | VM 2.0.14 | PHP 5.3.13
Testing     : Joomla 2.5.8 | VM 2.0.16 | PHP 5.3.8
Testing     : Joomla 2.5.8 |    VM 2.1   | PHP 5.3.8

- Don't Forget to mark thread as solved when it is solved!
- Please do not PM with support questions, use the forum!

mzone85

Quote from: PRO on August 22, 2012, 22:38:35 PM
.component-content .width33 {
    width: 33.33%;
}
body .floatleft {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

the margin-right:15px;   makes it to where 3 cannot be in  row

add

.browse-view .floatleft{margin-right:0px !important;}

In wich file do i add this code?
Thanks for the fast reply :)

PRO

Quote from: mzone85 on August 23, 2012, 18:48:41 PM
Quote from: PRO on August 22, 2012, 22:38:35 PM
.component-content .width33 {
    width: 33.33%;
}
body .floatleft {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

the margin-right:15px;   makes it to where 3 cannot be in  row

add

.browse-view .floatleft{margin-right:0px !important;}

In wich file do i add this code?
Thanks for the fast reply :)

You can add it to your template css file

mzone85

I put the code in de css but no changes.
when i use the default joomla template i have the same problem, so i don't think it's a problem with the template

mzone85

Thank you for the info, i found the problem :)