Рекомендуемые в 5 колонок

[maiki]

Привет всем!

Подскажите как вывести Сопутствующие товары на странице продукта в 5 колонок ? Тема стандартная. 

осторе 2

[Strelez]

Гуглите 5 колонок в bootstrap и правьте тпл-ку модуля с нужными классами.

[n3bo]

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

Гуглите 5 колонок в bootstrap и правьте тпл-ку модуля с нужными классами.

только 12 на 5 не делится...

[thentru]

@n3bo так будет не 12, а 15

[n3bo]

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

@n3bo так будет не 12, а 15

а весь остальной шаблон как тогда?:)

[thentru]

есть универсальные решения, можно использовать как 12 колоночную систему, так и 15

[maiki]

18 минут назад, Strelez сказал:

Гуглите 5 колонок в bootstrap и правьте тпл-ку модуля с нужными классами.

 

гуглил и делал. Не получается. 

 

[maiki]

15 минут назад, thentru сказал:

есть универсальные решения, можно использовать как 12 колоночную систему, так и 15

 

Можно и 6

Буду Благодарен оч

[thentru]

вам тогда в раздел услуг
а то это называется  - сделайте за меня

[maiki]

29 минут назад, thentru сказал:

вам тогда в раздел услуг
а то это называется  - сделайте за меня

Уже помогли. 

[Skunk]

Поделитесь реализацией?

Кому то пригодится.

[Ahmadjon]

мне вот пригодилось но нет описания как решили

[jaffagold]

Народ, не заморачивайтесь особо 5-колоночной версткой. 

Просто задумайтесь, во что превратится страница при ширине экрана 1600 пикселей. А 1200? А еще уже?

Все равно придется перестраивать блоки по 3 в строку, а потом по 2 или по одному...

Но если решили помучаться, то

Посмотрите как прописаны родные стили бутстрап. Например, для col-lg-6 указано width: 50% ( 50% =6/12= 1/2 ширины блока), для col-lg-3 указано 25% ( 25% = 3/12= 1/4)

А вам надо 1/5 ширины блока, чтобы разместить в строке 5 элементов.

Придумайте себе свой новый класс.

Пусть это будет класс col-lg-1_5 ( смысл этой маркировки- 5 элементов в строке)

И пропишите этому классу стили width: 20% ( 20%= 1/5 часть ширины блока)

И вместо класса col-lg-3 пропишите только там, где это нужно в разметке col-lg-1_5

P.S.

Сначала посмотрите, как это будет смотреться в инспекторе кода. Он позволяет править стили и разметку, не внося изменения в файлы. Но изменения сохранятся до первого обновления страницы.

P.P.S.

Есть и другой вариант, но надо точно подобрать составные селекторы и переопределить ширину блоков. Но проблема в том, что есть еще файл common.js, который будет вам "ставить подножку"...