Kanzas
@Kanzas
Web Разработка

Opencart 2.3 Как изменить выводимое количество товаров в ряд с 3 на 4?

Всем привет, проблема с кастомным шаблоном, необходимо вывести 4 товара в ряд.
Пробовал версткой но уж очень коряво все выходит: (
в common.js что то не выходит, выглядит так
// Product Grid
	$('#grid-view').click(function() {
		// What a shame bootstrap does not take into account dynamically loaded columns
		var cols = $('#column-right, #column-left').length;

        if (cols == 2) {
              $('#content .product-list').attr('class', 'product-layout product-items product-grid col-xl-4 col-lg-6 col-md-4 col-sm-4 col-6');
            } else if (cols == 1) {
              $('#content .product-list').attr('class', 'product-layout product-items product-grid col-xl-3 col-lg-4 col-sm-4 col-6');
            } else {
              $('#content .product-list').attr('class', 'product-layout product-items product-grid col-lg-3 col-md-4 col-sm-4 col-6');
            }
        
		$('#list-view').removeClass('active');
        $('#pricelist-view').removeClass('active');
		$('#grid-view').addClass('active');

		localStorage.setItem('display', 'grid');
	});

5c646ecc9f441200479939.jpeg

Буду рад любому совету)
  • Вопрос задан
  • 226 просмотров
Пригласить эксперта
Ответы на вопрос 1
@amfetamine
col-md-4 col-sm-4
например, заменить на col-md-3 col-sm-3
посмотрите по справке бутстрап, для каких устройств эти классы и поправьте нужные
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы