Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как добавить 4-й товар в строку сетки?


Recommended Posts

в

/catalog/view/javascript/common.js

		if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		}

 

cols - кол-во выводимых колонок (левая, правая)

если 2 (левая и правая), тогда будет по 2 товара в ряд

если 1 (левая или правая), тогда будет по 3 товара в ряд

во всех других случаях, будет по 4 товара в ряд

 

поменять в

else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');

 

col-lg-4 col-md-4

на

col-lg-3 col-md-3

получится

		if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		}

 

Змінено користувачем unknown
  • +1 1
Надіслати
Поділитися на інших сайтах


в html коде, классы col-lg-4 col-md-4 заменить на col-lg-3 col-md-3

  • +1 1
Надіслати
Поділитися на інших сайтах

unknown, обновлял кэш через админку, обновлял в мэнеджере дополнений, результата 0

http://vashdom-market.ru/index.php?route=product/category&path=20_63

Змінено користувачем NOMEL
Надіслати
Поділитися на інших сайтах


Только что, unknown сказал:

Должно работать

менеджер дополнений - обновить

дайте ссылку

 

День добрый, подскажите пожалуйста, подобная проблема, только нужно, чтобы кол-во товаров в сетке в моб. версии и мелких планшетах было таким же, как на pc версии. Сейчас на pc 3 товара, а на моб. версии 1 товар. Как это сделать? Заранее благодарю.

Надіслати
Поділитися на інших сайтах


agentnkvd,

смотрите там же.

col-sm-12

и

col-xs-12

отвечают за отображение на маленьких устройствах

меняйте 12 на 4

Смотрите что получается

 

Полезно посмотреть еще и еще

 

Змінено користувачем unknown
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.