0
Расширить Блоки На Странице
Автор Сергей Иванов, 27 сент. 2015 10:52
Сообщений в теме: 7
#1
Отправлено 27 Сентябрь 2015 - 10:52
Скажите возможно ли расширить блоки страницы, чтобы меньше пустого места было?
#2
Отправлено 27 Сентябрь 2015 - 11:01
Сергей Иванов (27 Сентябрь 2015 - 10:52) писал:
Скажите возможно ли расширить блоки страницы, чтобы меньше пустого места было?
Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:
@media (min-width: 992px) { .col-md-9 { width: 75%; }
И замените его вот этим вот кодом:
@media (min-width: 992px) { .col-md-9 { /* width: 75%; */ }
#3
Отправлено 27 Сентябрь 2015 - 11:16
Сразу вопрос, а на мобильную версию это повлияет?
#5
Отправлено 27 Сентябрь 2015 - 11:38
Спасибо!) Все ок!
#6
Отправлено 29 Сентябрь 2015 - 12:09
Сергей Иванов (27 Сентябрь 2015 - 11:16) писал:
Сразу вопрос, а на мобильную версию это повлияет?
Данное изменение может повлиять на мобильную версию вашего сайта.
Рекомендуем сделать следующее.
Удалите в коде страниц в тех местах где вам нужно расширить ваш сайт.
col-md-9
В строке где вы удалили должен остаться класс
col-xs-12
#7
Отправлено 29 Сентябрь 2015 - 13:53
А можете расписать подробнее, я не совсем понимаю как и что сделать?!
#8
Отправлено 29 Сентябрь 2015 - 18:18
Сергей Иванов (29 Сентябрь 2015 - 13:53) писал:
А можете расписать подробнее, я не совсем понимаю как и что сделать?!
Данный шаблон делится на два основных блока
Левый блок (25%) - это блок с каталогом, недавно просмотренными товарами и фильтрами.
Правый блок (75%), он же основной выводит контент вашего сайта.
Поскольку Вы в предыдущей теме решили избавиться от левого блока, то вам необходимо сделать так, чтобы Правый блок отображался на 100% ширины экрана.
Для этого в "Редакторе шаблонов" нужно удалить класс col-md-9 который отвечает за размер правого блока.
Пример на основе страницы Товары
Находим
<div class="{% IFNOT index_page %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">Заменяем на
<div class="col-xs-12">
Пример для страницы Поиск
<div class="col-md-9 col-xs-12 col-right">Заменить на
<div class="col-xs-12">
Т.е первая строка страницы в редакторе шаблонов должна иметь класс col-xs-12.
col-xs-12 данный класс нужен для того чтобы контент отображался на 100%
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных