Перейти к содержанию
olorin

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

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

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

Screenshot_13.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
19 минут назад, olorin сказал:

Прошу помочь

 

 

1111.jpg

  • +1 1

Поделиться сообщением


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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, Miha7685776 сказал:

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

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

Поделиться сообщением


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

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

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

 

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12 минут назад, unknown сказал:

 

Смотрите common.js

 

44444.thumb.png.ec735ed5e799ba232c1729e384c7435b.png

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.