Количество колонок в категории (сетка)

[titaned]

Как сделать что в "сетке" было 3 колонки, как то само на 4 колонки разделилось!!? Ocstore 2.1.0.1.1

 

Змінено 14 січня 2016 користувачем titaned

[markimax]

У bootstrap нет 3 колонки :)

[nestling]

есть, col-(md)-4 4+4+4=12 = 100% = "3 колонки"

[titaned]

У bootstrap нет 3 колонки :)

Ну я же знаю сколько у меня колонок было)

[ArtemPitov]

Ну я же знаю сколько у меня колонок было)

http://getbootstrap.com/css/#grid-options

[titaned]

http://getbootstrap.com/css/#grid-options

Это что?)

[Lordaaa]

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

[Rico]

В 15.01.2016 в 15:36, Lordaaa сказал:

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

Добрые люди, не бейте руками и по рукам, кто сможет снизойти и прям целиком показать как должны выглядеть правки чтобы вышло например по четыре колонки или по 5ть. Честно гуглил, сам пытался, ну не соображу, ну напишите плиз

[jaffagold]

Скрытый текст

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

То что синим- для случаев, когда страница имеет кроме центральной области контента еще и 2 боковые панели( например меню слева, баннеры разные в столбик справа)

ТО что красным- классический вариант категории ( есть только одна боковая колонка меню и контент)

То что фиолетовым-для Главной ( есть только область контента без боковых панелей)

Не поленитесь изучить ссылку, что вам дали. Вам стоит разобраться с тем, как работатет сетка Бутстрап на разных разрешениях экрана

 

Могу предположить, что вас устроит вариант

Править надо файл 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-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');
}

 

Делать по пять вам пока не следует. Там правок гораздо больше. Да и смысл?

Змінено 2 березня 2017 користувачем jaffagold

[Rico]

jaffagold, спасибо большое! Да я начал по ссылке изучать, конечно.

смысл по четыре или по пять в том что больше просмотришь товаров за меньшее количество прокрутки колесом мыши сайта. много позицй товара. ну чтоб при этом не слишком мелкотня была надо вон по хорошему убрать левую колонку совсем

 

Повезло автору темы)))) "само по четыре сделалось" мне б так)

в смысле само 5 сделалось гы гы

Змінено 2 березня 2017 користувачем Rico

[Lost112233]

opencart 3 тема default на главной странице "рекомендуемые" по 4 товара в сроку, нада сделать по 3, нахожу common.js  изменяю это место

 

        if (cols == 2) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 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-4 col-md-4 col-sm-6 col-xs-12')

 

иииии ничего не происходит... объясните пожалуйста что нужно делать

[sysopdt]

почистить кэш, почистить кэш темы(шаблона)