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.

Attachments

IMG_2598.JPG

IMG_2598.JPG (449.11 KiB) Viewed 1081 times


Newbie

Posts

Joined
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

Posts

Joined
Fri Mar 30, 2012 10:32 am
Location - Indonesia

Post by azonicdh » Tue Jan 12, 2021 1:08 pm

anung wrote:
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;
}
Thanks for the help. It works.

Newbie

Posts

Joined
Sat Mar 14, 2020 2:37 pm
Who is online

Users browsing this forum: No registered users and 264 guests