MaxHub
Служба Заботы MaxSite CMS

left sidebar выводится перед основным контентом

Вопросы-ответы / 22 августа 2015

В новом дефолтном шаблоне Default 6.1 (начиная с версии MaxSite CMS 0.90), если поставить шаблон отображения left sidebar, то сайдбар выводится перед контентом - и в коде, и в адаптивной версии <768px, соответственно.

В предыдущем дефолтном шаблоне такого не было. В исходном коде содержимое сайдбара находилось под основным контентом вне зависимости от того, слева сайдбар, или справа. И при уменьшении ширины экрана сайдбар тоже уезжал под контент, а не оказывался сверху. Мне кажется, так со всех точек зрения корректнее, удобнее, и куда чаще востребовано.

Подскажите, пожалуйста, если кто-то знает - как сделать так, чтобы и в новом дефолтном шаблоне так было?

Использую MaxSite CMS для создания сайтов с 2012-го года

Комментариев: 4
  1. Ivanes, попробую пояснить.

    Найдите в 0.90 в папке дефолтного шаблона папку main. В ней находятся подпапки с разными main.php - left-sidebar и no-sidebar. Для ваших целей нужно отредактировать \maxsite\templates\default\main\left-sidebar\main.php.

    В частности ищите код:

    <div class="sidebar w30 w100-tablet pad20 flex-tablet-phone flex-wrap-tablet-phone">
     <?php mso_show_sidebar('1') ?>
    </div>
      
    <div class="content w70 w100-tablet pad20">
     <?php if ($fn = mso_fe('main/blocks/content.php')) require($fn) ?>
    </div>

    Он отвечает за порядок вывода сайдбара перед блоком контента. Его и нужно отредактировать соответствующим образом. Думаю, что самое ответственное здесь будет не перестановка блоков, а прописывание соответствующих стилей. С этим пока шибко не разбирался, так что если разберётесь сами, то, пожалуйста, напишите здесь ваш вариант.

  2. В целом если сайт бар пилить перед контентом при адаптивности он и будет выше контента. Ставим ниже контента и пилим нужный css и все будет норм.

  3. К слову, вчера в dev-ветке движка на Гитхабе Макс ввёл соответствующие правки. Так что можно брать пример кода оттуда9 или же просто подождать перетекания этой правки в релиз и пользоваться уже им.

  4. Большое спасибо!

    Оказывается, Максим в ответ на мой вопрос просто молча, ничего не объяснив, пошел переделывать шаблон. smile

    Взял в итоге файлы из dev-ветки на гитхабе. Поэтому никаких других css-решений, кроме того, что реализовано там, привести здесь, к сожалению, не могу - не пришлось их делать.

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)