How to change number of products in one row in the category page
The default theme of OpenCart 2 is great! It looks responsively in all devices.
But there are some parts we can not customize easier. I have seen many questions related to how to change number of products in one row in the category page. You will like the solution below.
Step 1: Install my free extension Custom JavaScript.
Step 2: Add code below to it
1 2 3 4 5 6 7 8 9 10 |
<script> $(document).ready(function () { $('.visible-lg').remove(); var maxHeight = 0; $('.product-layout') .removeClass('col-lg-4 col-md-4') .addClass('col-md-3'); }); </script> |
It’s all. You can see it in action here: http://demo.viethemes.com/opencart2/index.php?route=product/category&path=20.
Categories
- Extensions (6)
- Free Extensions (5)
- OpenCart 2 (14)
- Premium Extensions (3)
- Tips & Tricks (14)
- Tutorials (11)
- Uncategorized (1)
Featured Posts
Recent Posts
- Customize style of your theme with Visual Theme Editor completely
- How to change number of products in one row in the category page
- How to change language from a url link in OpenCart 2
- How to increase number of categories in autocomplete box
- How to display module on all layouts in OpenCart 2