Post by azonicdh » Sun May 24, 2020 5:53 pm

Hello. So I changed the \catalog\view\javascript\common.js file specifically the line from 'col-xs-12' to 'col-xs-6'

Code: Select all

if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-6');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-6');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-6');
It is now showing two columns of products but the alignment seems to be messed up. Does anyone know where I can change this so it will be aligned. Please see attached screenshot from my mobile phone.



IMG_2598.JPG (449.11 KiB) Viewed 447 times



Sat Mar 14, 2020 2:37 pm

Post by anung » Tue Sep 22, 2020 6:02 pm

Add this CSS code to the /catalog/view/theme/default/stylesheet/stylesheet.css file

Code: Select all

.caption h4 {
    min-height: 125px;
.caption p:nth-of-type(1) {
    min-height: 125px;

User avatar
Active Member


Fri Mar 30, 2012 10:32 am
Location - Indonesia
Who is online

Users browsing this forum: No registered users and 24 guests