Компонент SP Page Builder Pro

[akir]

Ищу новый компонент для Джумлы:

Конструктор лэндинг страниц
SP Page Builder Pro

 

[kosolapow]

Вернусь к вопросу поддержки SP Page Builder другими шаблонами. Считается что Helix 3 поддерживает на 100%, а с другими возникают проблемы. Но меня хеликс, честно говоря, не совсем устраивает, больше нравится Gantry 5 с любым, даже самым простым шаблоном, например Hydrogen. Смысл тот же, но возможностей больше: можно назначать сквозные модули для всех шаблонов; называть позиции понятными именами; поддержка sass.
Попробовал использовать гантри вместо хеликс, нашел пока пару багов, но легко исправимы:

Спойлер: Правки Hydrogen

1. В настройках строки в поле Layout выбрать Fullwidth (Flushed Content) как на скрине.
2. Создать файл папку scss (templates/g5_hydrogen/custom/) и в ней файл "custom.scss".
3. Прописать стили (убираем лишние стили шаблона и добавляем стили строки билдера, т.к. почему-то не применяются

/// Row container
.sppb-row-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .sppb-row-container {width: 750px;}
}

@media (min-width: 992px) {
    .sppb-row-container {width: 970px;}
}

@media (min-width: 1200px) {
    .sppb-row-container {width: 1170px;}
}

/// Body
body {
    padding-bottom: 0 !important;
}

/// Gantry Page Surround
#g-page-surround {
    box-shadow: none !important;
    min-height: auto !important;
}

Для тек что использует MetaMan (скрин 2) можно добавить стили:

/// MetaMan
#mm.mm-button {
    height: 0 !important;

    .btn-toggle-mm {z-index: 9999; bottom: 6px;}
    .layout-full {z-index: 10000;}
    .mm-icon {width: 42px; height: 42px;}
    .btn-toggle-mm.btn--tw {right: 250px;}
    .btn-toggle-mm.btn--fb {right: 305px;}
    .btn-toggle-mm.btn--base {right: 360px;}
}

После этого все работает как на хеликсе. Пока других багов не обнаружил.
Буду рад, если поделитесь возникшими проблемами, даже без вариантов решения.

 

[good-win]

В Gantry 5 можно отключать адаптацию шаблона?

 

[kosolapow]

В Gantry 5 можно отключать адаптацию шаблона?

Сделать фиксированный можно поправив css или, насколько я понимаю, переопределив переменные для медиазапросов. Но билдер сам отслеживает адаптивность, и поэтому придется править еще и его стили...

 

[good-win]

Я в этих файлах шаблона меняю 1 на 0 в тэге
<meta name="viewport" content="width=device-width, initial-scale=0">
И пропадает адаптация на планшетах и мобилах. Но при уменьшении окна браузера блоки все равно адаптируются....

 

[kosolapow]

Я в этих файлах шаблона меняю 1 на 0 в тэге
<meta name="viewport" content="width=device-width, initial-scale=0">
И пропадает адаптация на планшетах и мобилах. Но при уменьшении окна браузера блоки все равно адаптируются....

В Gantry 5 можно изменить практически все, они позволяют переопределять поведение ядра, вывод материалов из joomla, стилей.
Я обычно добавлял стили, чтобы сделать шаблон фиксированным, но сейчас не вижу смысла делать шаг назад, адаптивность это уже стандарт...

Спойлер: Фиксированный шаблон

Накидал на скорую руку, может где-то ошибся.

body {
    min-width: 1200px;
}

.container-wrap {
    margin: 0 auto;
}

.g-block {
    width: 100%;
    max-width: 100%;
}

 

[korkunov]

больше нравится Gantry 5

Наткнулся на Sun Framework from FoomlaShine, понравился, щас им занимаюсь. Главные достоинства - FREE (нужно зарегиться на их сайте и получить Token), юзабилити, эргономика.

 

[good-win]

Gantry 5

Там у них все бесплатно? Или какая там политика?

И что там для чего (скрин)?

 

[kosolapow]

Там у них все бесплатно? Или какая там политика?

И что там для чего (скрин)?

У них шаблон и набор базовых компонентов 100% бесплатно. Есть некоторые, расширяющие функции за деньги, но используя SP Page Builder или Shortcode Ultimate, они не нужны. На базе этого фреймворка делаются все шаблоны Для просмотра ссылки Войди или Зарегистрируйся + у них есть бесплатные Для просмотра ссылки Войди или Зарегистрируйся, а Gantry это как бы их дочка. Gantry быстрый шаблонизатор и позволяет делать лэндинги без запросов к базе данных. Но использовать надо только 5-й, 4-й сильно тормозит и уже ушел в историю. На 5-й версии можно с легкостью писать свои компоненты используя twig и yaml + можно переделать админку. Документация (Для просмотра ссылки Войди или Зарегистрируйся).
Они пытаются сделать свой шаблон кроссплатформеным и поддерживают несколько cms, что так же является плюсом. Соответственно можно скачать компонент с шаблоном для своей системы.

 

[kosolapow]

Столкнулся с проблемой - при применении к строке свойства "столбцы одинаковой высоты", адаптивность пропадает, колонки не перестраиваются.

Решается просто добавлением свойства css:

.sppb-equalize-columns .sppb-row {
    flex-flow: row wrap;
}

 

[Komodnik]

Уважаемые, сегодня обновился до последней версии как учили, всё подряд. Всё вроде ровно, единственное что когда нажимаю на Внешний интефейс, то открывается страница с ошибкой
Ошибка
Для просмотра этой информации необходимо пройти авторизацию
Почему она выскакивает?