VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: mzone85 on August 22, 2012, 22:30:09 PM

Title: Wrong category view vm2
Post by: mzone85 on August 22, 2012, 22:30:09 PM
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 (http://www.quanjel.nl/webshop/index.php/component/virtuemart/kleding/dames/damesjas)

how do i solve this problem?

thanks in advance
Title: Re: Wrong category view vm2
Post by: 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;}
Title: Re: Wrong category view vm2
Post by: bytelord on August 22, 2012, 22:42:26 PM
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.
Title: Re: Wrong category view vm2
Post by: bytelord on August 22, 2012, 23:40:05 PM
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
Title: Re: Wrong category view vm2
Post by: 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 :)
Title: Re: Wrong category view vm2
Post by: PRO on August 23, 2012, 19:38:45 PM
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
Title: Re: Wrong category view vm2
Post by: mzone85 on August 24, 2012, 15:49:37 PM
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
Title: Re: Wrong category view vm2
Post by: mzone85 on August 27, 2012, 13:59:12 PM
Thank you for the info, i found the problem :)