Перейти к содержанию

Рекомендуемые сообщения

Привет всем!

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

осторе 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, Strelez сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, thentru сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, Strelez сказал:

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

 

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 минут назад, thentru сказал:

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

 

Можно и 6

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
29 минут назад, thentru сказал:

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

Уже помогли. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Народ, не заморачивайтесь особо 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, который будет вам "ставить подножку"...

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.