Проблема с отображением списка товаров

[olorin]

Доброго времени суток, народ.Возникла проблема при которой в ширину не влазят все товары на последней "строке". На скрине суть проблема понятнее. Прошу помочь

[unknown]

@olorin ссылку бы

[olorin]

2 минуты назад, unknown сказал:

@olorin ссылку бы

воть:

http://yarninbobbins.com.ua/index.php?route=product/category&path=82

[mazein]

19 минут назад, olorin сказал:

Прошу помочь

 

 

[Miha7685776]

код капец просто. вобшем добавь высоту

[Miha7685776]

ааа блин)) блок стоит). не заметил

[olorin]

1 минуту назад, Miha7685776 сказал:

код капец просто. вобшем добавь высоту

Так тут же не в высоте дело а в том что одна из карточки товара вне общего блока clearfix а в отдельном.Тут высота не поможет. Вот только в чем причина такой фишки, если я даже не менял ничего в отображении товаров(не считая .css)

[unknown]

@olorin  а если просто использовать ?

<div class="product-layout product-grid col-sm-3"> 

 

+ на хроме глюк с проктруткой.

 

[olorin]

1 минуту назад, unknown сказал:

@olorin  а если просто использовать ?

<div class="product-layout product-grid col-sm-3"> 

 

+ на хроме глюк с проктруткой.

 

Та хз, буду пробовать) Главное причина понятна, а вот с чего так вышло...Вообщем странно

[olorin]

6 часов назад, unknown сказал:

@olorin  а если просто использовать ?

<div class="product-layout product-grid col-sm-3"> 

 

+ на хроме глюк с проктруткой.

 

не пашет, проблема в том что обертка visible-lg в которой находятся карточки товара - в самом коде(category.tpl) нет. Я без понятия как эту беду пофиксить...

[unknown]

1 hour ago, olorin said:

не пашет, проблема в том что обертка visible-lg в которой находятся карточки товара - в самом коде(category.tpl) нет. Я без понятия как эту беду пофиксить...

 

Смотрите common.js

 

[olorin]

12 минут назад, unknown сказал:

 

Смотрите common.js

 

Окей, что там изменить? а то я в js как и в пыхе  - 0...

[unknown]

51 minutes ago, olorin said:

Окей, что там изменить? а то я в js как и в пыхе  - 0...

 

Попробуйте в common.js заменить

} else if (cols1 == 1) {
		$('#content .product-layout:nth-child(3n+4)').after('<div class="clearfix visible-lg"></div>');
	}

на

} else if (cols1 == 1) {
		$('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix visible-lg"></div>');

 

[olorin]

14 часов назад, unknown сказал:

 

Попробуйте в common.js заменить

} else if (cols1 == 1) {
		$('#content .product-layout:nth-child(3n+4)').after('<div class="clearfix visible-lg"></div>');
	}

на

} else if (cols1 == 1) {
		$('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix visible-lg"></div>');

 

дело в том что у меня есть это, но через else:

if (cols1 == 2) {
        $('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
    } else if (cols1 == 1) {
        $('#content .product-layout:nth-child(3n+4)').after('<div class="clearfix visible-lg"></div>');
    } else {
        $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');
    }

Змінено 18 квітня 2017 користувачем olorin

[unknown]

if (cols1 == 2) {
        $('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
    } else if (cols1 == 1) {
        $('#content .product-layout:nth-child(3n+4)').after('<div class="clearfix visible-lg"></div>');
    } else {
        $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');
    } 

Вам нужно поменять (3n+4) на (4n+4)

 

Суть в том, что :nth-child(3n+4) это формула подсчета "детей" )

Получается, при нулевом заходе, clearfix visible-lg добавляется после 4-го элемента, 3*0+4 = 4

А при последующих будет 3*1+4= 7, т.е. после 7-го элемента добавляется clearfix, который "сбрасывает" 8-ой ниже и т.д.

 

Змінено 18 квітня 2017 користувачем unknown

[olorin]

3 минуты назад, unknown сказал:

 

Суть в том, что :nth-child(3n+4) это формула подсчета "детей" )

Получается, при нулевом заходе, clearfix visible-lg добавляется после 4-го элемента, 3*0+4 = 4

А при последующих будет 3*1+4= 7, т.е. после 7-го элемента добавляется clearfix, который "сбрасывает" 8-ой ниже и т.д.

 

Понял, спасибо, сейчас попробую и отпишусь.

[olorin]

6 минут назад, unknown сказал:

 

Суть в том, что :nth-child(3n+4) это формула подсчета "детей" )

Получается, при нулевом заходе, clearfix visible-lg добавляется после 4-го элемента, 3*0+4 = 4

А при последующих будет 3*1+4= 7, т.е. после 7-го элемента добавляется clearfix, который "сбрасывает" 8-ой ниже и т.д.

 

Всё отлично работает!Спасибо огромное!