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

Question

[Александр Реутский]

Всем привет, проблема с кастомным шаблоном, необходимо вывести 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');
	});

Буду рад любому совету)

Comments

[Владислав Лысков]

В шаблоне нужно поменять класс вроде как с col-lg-4;на col-lg-3

[Владислав Лысков]

Проще всего смотри как выводится твой шаблон, и отэтого отталкивайся

[Александр Реутский]

Владислав Лысков, а по конкретней можно?)))

Answer 1

[web-mehanik]

col-md-4 col-sm-4
например, заменить на col-md-3 col-sm-3
посмотрите по справке бутстрап, для каких устройств эти классы и поправьте нужные