.col-lg-3 (25% width) breaking line in Category page list
Posted: Sat Jul 09, 2016 5:11 pm
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
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?
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
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?