Войти Регистрация

Вход на сайт

Логин *
Пароль *

Joomla 3.x Добавление позиций в шаблон на фреймворке Helix 3

Суббота, 05 февраля 2022 17:52 Автор 

С помощью фреймворка Helix сделано множество шаблонов. Конструктор позволят делать многие операции быстро и визуально понятно. Однако с версткой макета есть один нюанс.

Дело в том, что в макете можно легко выстраивать нужные секции, добавляя ряды и колонки. Только вот внутри одного ряда, можно расположить только одну строчку с колонками, а вот внутри колонки уже нельзя выстроить вложенную структуру.

helix3 layouts

Вроде и не беда, но...Если вдруг требуется разместить модули в позиции над или под основной секцией с содержимым "component" возникает вопрос - а как это сделать. Можно сделать ещё ряд с таким же расположением колонок, но тогда при задействовании позиций right или left верстка развалится. Тем, кто сталкивался это будет понятно.

Есть два варианта решения проблемы. Первый - это использование конструкторов контента SP Page Builder, Quix и им подобных. С их помощью можно выводить любое содержимое, но это не всегда удобно.

Второе решение - это как водится вмешательство в код. Не самое изящное решение, но поможет разместить нужные позиции для последующего размещения в них необходимых модулей.

Предполагаем, что позиции в шаблоне уже есть или вы умеете их создавать - это не сложный вопрос.

Далее нам нужно исправить всего лишь один файл:

корень_сайта/plugins/system/helix3/layouts/frontend/componentarea.php

В этом файле изначальная структура такая, как указано на рисунке ниже:

helix3 componentarea

Если нужно просто добавить позицию до основного контента или после, то добавляем соответствующий код. На примере я добавлю позицию "position3" после контента:

$output .= '<jdoc:include type="message" />';
$output .= '<jdoc:include type="component" />';
$output .= '<jdoc:include type="modules" name="position3" style="sp_xhtml" />';


Можно также добавлять сразу и дополнительные контейнеры, например разбить позиции в колонки. Позиции "position1" и "position2" будут в одном ряду с двумя колонками, а позиция "position3" в ряду ниже:

$output .= '<jdoc:include type="message" />';
$output .= '<jdoc:include type="component" />';
$output .= '<div class="row"><div id="position-1" class="col-sm-6 col-md-6"><div class="sp-column ">
<jdoc:include type="modules" name="position1" style="sp_xhtml" /></div></div>
<div id="position-2" class="col-sm-6 col-md-6">
<div class="sp-column "><jdoc:include type="modules" name="position2" style="sp_xhtml" /></div></div>
</div>';
$output .= '<jdoc:include type="modules" name="position3" style="sp_xhtml" />';


Теперь для творчества нет пределов :) Всем добра и у дачи!

Stanislav

Master's Degree

Сайт: skopil.ru
Другие материалы в этой категории: « Сбой при обновлении расширений Regular Labs
Авторизуйтесь, чтобы получить возможность оставлять комментарии

Новые статьи

  • Joomla 3.x Добавление позиций в шаблон на фреймворке Helix 3
    Joomla 3.x Добавление позиций в шаблон на фреймворке Helix 3

    С помощью фреймворка Helix сделано множество шаблонов. Конструктор позволят делать многие операции быстро и визуально понятно. Однако с версткой макета есть один нюанс.

    Подробнее ...
  • Сбой при обновлении расширений Regular Labs
    Сбой при обновлении расширений Regular Labs

    Давно пользуюсь различными расширениями от студии Regular Labs, но недавно при очередном обновлении через панель администратора Joomla я получил ошибку обновления. При этом не все расширения выдавали такую ошибку. Разумеется, решение было найдено, делюсь :)

    Подробнее ...
  • Adobe Photoshop - чёрный экран при создании нового файла
    Adobe Photoshop - чёрный экран при создании нового файла

    Новые фишки от компании Adobe видимо работают не на всех устройствах, то ли видеопроцессоры не тянут, то ли ещё какие заморочки, но суть в том что многие сталкиваются с проблемой сразу при открытии Adobe Photoshop и видят черный экран. А при создании нового файла наблюдается пустое серое окно, что тоже не очень приятно. В этой статье опишу как исправить это.

    Подробнее ...
  • Intel Dual Band Wireless-AC 7260. Ошибки.
    Intel Dual Band Wireless-AC 7260. Ошибки.

    Для тех, кто решил установить себе модуль WiFi/Bluetootth с поддержкой двух диапазонов WiFi от компании и столкнулся с ошибками Bluetooth код 43 или код 10, а также с отсутствием поддержки режима "ac" WiFi, собственно и пригодится данная статья, в которой я опишу решение данных проблем.

    Подробнее ...
  • RSForm прокрутка вверх страницы многостраничной формы
    RSForm прокрутка вверх страницы многостраничной формы

    Рассмотрим еще одно небольшое, но очень важное усовершенствование мощного конструктора форм RSForm для CMS Joomla. На этот раз затронем многостраничную форму, когда очень большая форма разбивается с помощью инструмента "Разделитель страниц" на несколько страниц с навигацией. Не расписываю как это делается, предполагается, что у нас уже есть подобная форма и нужно её немного поправить для лучшей визуализации.

    Подробнее ...
  • RSForm маска ввода телефона
    RSForm маска ввода телефона

    Столкнулся с очень интересным и мощным конструктором форм RSForm под управлением Joomla CMS. Кто хоть раз им пользовался понимает, что функционал данного конструктора сразу не освоить, а умеет этот компонент очень много! Не буду сильно расписывать данный конструктор, а перейду непосредственно к теме статьи. Хочу поделиться простым способом подключения ввода телефонного номера по определенной маске.

    Подробнее ...
  • Страница 404 ошибки в Joomla 3 с помощью пункта меню
    Страница 404 ошибки в Joomla 3 с помощью пункта меню

    Ранее в статье Страница 404 ошибки в Joomla 3.9 был описан способ подключения страницы с помощью штатного материала Joomla. Однако, это не всегда подходит, особенно в сложных шаблонах, где используются конструкторы контента. В данной статье речь пойдет о способе подключения страницы 404 используя пункт меню, что позволит подключить страницу в любом оформлении.

    Подробнее ...