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

JavaScript

<script> $(document).ready(function () { $('.visible-lg').remove(); var maxHeight = 0; $('.product-layout') .removeClass('col-lg-4 col-md-4') .addClass('col-md-3'); }); </script>

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.

Posted In:  Tips & Tricks Tutorials

0  comments