Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


olorin
 Поделиться

Рекомендованные сообщения

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

Screenshot_13.png

Ссылка на комментарий
Поделиться на других сайтах


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

Прошу помочь

 

 

1111.jpg

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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


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

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

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


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

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


1 hour ago, olorin said:

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

 

Смотрите common.js

 

44444.thumb.png.ec735ed5e799ba232c1729e384c7435b.png

Ссылка на комментарий
Поделиться на других сайтах


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>');

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


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>');
    }

Изменено пользователем olorin
Ссылка на комментарий
Поделиться на других сайтах


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-ой ниже и т.д.

 

Изменено пользователем unknown
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


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

 

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

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

 

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

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.