Как внедрить лендинг со своим шаблоном и стилями
Данный способ является устаревшим. Здесь не задействуется механизм Лендинги, а используется настройка на уровне механизма Страниц.
- Шаблон (папка с файлами CSS, JS и др.) кладем в папку [TemplateName] в /uploads/html-templates
- Создаем страницу и ставим Layout=Лендинг (доступ ставим all)
- В теле страницы прописываем полный текст страницы (с html, body, head).
- Для правильных путей скриптов: пропишите в SELECT 3 в SQL странице этот путь и затем используйте его для всех относительных путей.
Например:
<link href="{sp-baseUrl}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-- 3 SELECT
select '/uploads/lands/stylish' baseUrl
Примечание:
- ВАЖНО!!! Обязательно требуйте, чтобы внешнюю верстку делали на Bootstrap 4 (чтобы была возможность подключить Bootstrap стили на странице).
- Рекомендуем использовать полностью все скрипты и стили от лендинга, а не использовать экземпляры библиотек (jquery, bootstrap и т.д.) от Falcon (из-за возможных проблем с версиями).
- В тело страницы вставляется по сути только то, что вы пропишете в поле Содержание страницы (т.е. вам необходимо добавить полное содержимое страницы с тегами html, head, body, со всеми стилями и скриптами и не использовать дополнительные поля для стилей)
- Если необходимы функции Falcon на лендинге, то необходимо будет вручную подключать скрипты и стили платформы
Основные системные стили Falcon:
<link rel="stylesheet" href="/Content/modules/as.css">
<link rel="stylesheet" href="/Content/modules/as.crud2.css">
<link rel="stylesheet" href="/Controls/Resource/GetFile?code=globalCSS">
<link href="/js/jqueryPlugins.min.css" rel="stylesheet">
Основные системные скрипты Falcon:
<!-- Bootstrap & jquery -->
<script src="/content/sb-admin/vendor/jquery.min.js"></script>
<script src="/content/sb-admin/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="/js/baseJS.min.js" charset="windows-1251"></script>
<script type="text/javascript" src="/js/baseJSControls.min.js" charset="windows-1251"></script>
<script type="text/javascript" src="/Controls/Resource/GetFile?code=globalJS" charset="windows-1251"></script>
<script type="text/javascript" src="/js/jqueryPlugins.min.js" charset="windows-1251"></script>
<script src="/js/falcon/pFalcon.js"></script>
<script>
$(function () {
pFalcon.init({
isDebug: false,
canEdit:false,
renderData: {
username: '',
roles: '',
urlParameters: ''
},
introParams: []
});
});
</script>
Для избежания дублирования кода в случаях, когда у вас будет несколько страниц с лендинг-разметкой, рекомендуется использовать sp параметры для вставки типовых элементов страницы из HTML блоков:
- {sp-head} - раздел head страницы.
- {sp-menu} - основное меню
- {sp-footer} - раздел footer страницы
- {sp-scripts} - подключение скриптов (скрипты от лендинга и скрипты falcon).
Саму разметку помещаем в HTML блоки, извлечение разметки делаем в SQL для страницы и передаем в SELECT 3.
declare @head nvarchar(max)
exec [dbo].[as_block] @code = 'head', @itemID = 'default',
@parameters = default, @res = @head OUTPUT
-- SELECT 3
select @head head
Подробнее про sp параметры описано в Настройки страницы в SELECT 3.
Примечание. В ноябре 2022 внедрили для механизма лендов типовые блоки. Теперь можно собрать лендинг без необходимости задействовать внешние шаблоны лендов.
Примеры типовых блоков лендинга - https://falconspace.ru/landguide
Как работает механизм лендов - https://falconspace.ru/docs/sozdanie-redaktiruemogo-lendinga-cherez-mekhanizm-lendy
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности
- Коммуникация с пользователем
- Дизайн, стилизация, юзабилити
- Лендинги Работа с лендингами (механизм Lands) Как внедрить лендинг со своим шаблоном и стилями Как сделать копию лендинга с другим адресом или перенести лендинг на другой сайт Как поменять URL у лендинга Как использовать одни и те же секции несколько раз без дублирования Как отключить секцию лендинга или менять их порядок на лендинге Как задать высоту/подложку секции лендинга Как для ленда прописать скрипты или подключить дополнительные CSS файлы, счетчики и т.д. Как максимально быстро создать лендинг на базе Falcon Space Как прописать SEO параметры для ленда Как создать свой шаблон новой секции лендинга? Как редактировать секцию лендинга Как создать новый лендинг? Где посмотреть список лендингов? Как сделать меню лендинга или меню сайта на лендах Как сделать подстановочными фавикон, seo title у лендинга Как сделать набор типовых лендингов под некие объекты (карточки товаров)? Как создать сайт полностью на лендингах? Как сделать так, чтобы PWA работал для лендингов Как переместить лендинг на главную страницу (или на любую другую) Как устроен механизм лендингов внутри
- Универсальный API
- Примеры интеграций
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта