Page 1 of 1

.col-lg-3 (25% width) breaking line in Category page list

Posted: Sat Jul 09, 2016 5:11 pm
by 528491
When removing both left and right columns in my layout for Category page, for the purpose to fill the page with 4 products per row through entire page, the list of products is never consistent and some of them randomly fall into next row instead of consistently listing 4 products per row. So instead of:

1-2-3-4
5-6-7-8

I get:

1-2-3-4
- - 5 - 6
- - - 7
8-9-10-11
etc.

I tried fiddling with
\catalog\view\theme\(...)\js\common.js:119
\catalog\view\javascript\common.js:116

but it didn't help. It assignes the correct class

Code: Select all

product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12
and it assigns 25% width per product, but somehow products still break into next line/row.

Been searching for days now and cannot find the solution, please help if possible. My Opencart is 2.0.1.0, does it have to do something with the clearfix perhaps?

Re: .col-lg-3 (25% width) breaking line in Category page lis

Posted: Sat Jul 09, 2016 6:23 pm
by cyclops12
This Product Layout Fix By Viethemes should help you

Re: .col-lg-3 (25% width) breaking line in Category page lis

Posted: Sat Jul 09, 2016 7:54 pm
by 528491
Fantastic, thank you so much! I've stumbled a lot on Viethemes' posts about this very subject (have them all bookmarked), and adding codes and this and that, but I never knew about existence of his extension. Hope this helps other people in same need as well.

Edit:
Just confirming that Viethemes' extension works like a charm!