Перейти к содержимому


Расширить Блоки На Странице


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 27 Сентябрь 2015 - 10:52

Скажите возможно ли расширить блоки страницы, чтобы меньше пустого места было?

Прикрепленные изображения

  • 11.jpg


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 27 Сентябрь 2015 - 11:16

Сразу вопрос, а на мобильную версию это повлияет?

#4 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 27 Сентябрь 2015 - 11:20

Просмотр сообщенияСергей Иванов (27 Сентябрь 2015 - 11:16) писал:

Сразу вопрос, а на мобильную версию это повлияет?

Данное изменение не повлияет на мобильную версию вашего сайта.
Проверьте, пожалуйста.

#5 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 27 Сентябрь 2015 - 11:38

Спасибо!) Все ок!

#6 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 29 Сентябрь 2015 - 12:09

Просмотр сообщенияСергей Иванов (27 Сентябрь 2015 - 11:16) писал:

Сразу вопрос, а на мобильную версию это повлияет?

Данное изменение может повлиять на мобильную версию вашего сайта.

Рекомендуем сделать следующее.
Удалите в коде страниц в тех местах где вам нужно расширить ваш сайт.
col-md-9

В строке где вы удалили должен остаться класс
col-xs-12


#7 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 29 Сентябрь 2015 - 13:53

А можете расписать подробнее, я не совсем понимаю как и что сделать?!

#8 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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 анонимных