Страницы. Как внедрить лендинг со своим шаблоном и стилями

Как внедрить лендинг с другим шаблоном и своими стилями

1. Шаблон (папка с файлами CSS, JS и др.) кладем в папку [TemplateName] в /uploads/html-templates
2. Создаем страницу и ставим Layout=Лендинг (доступ ставим all)
3. В теле страницы прописываем полный текст страницы (с html, body, head). 
4. Для правильных путей скриптов: пропишите в SELECT 3 в SQL странице этот путь и затем используйте его для всех относительных путей. 

Например: 

<link href="{sp-baseUrl}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

-- 3 SELECT 

select '/uploads/lands/stylish' baseUrl

Примечание: 

1. ВАЖНО!!! Обязательно требуйте, чтобы внешнюю верстку делали на Bootstrap 4 (чтобы была возможность подключить Bootstrap стили на странице). 
2. Рекомендуем использовать полностью все скрипты и стили от лендинга, а не использовать экземпляры библиотек (jquery, bootstrap и т.д.) от Falcon (из-за возможных проблем с версиями).  
3. В тело страницы вставляется по сути только то, что вы пропишете в поле Содержание страницы (т.е. вам необходимо добавить полное содержимое страницы с тегами html, head, body, со всеми стилями и скриптами и не использовать дополнительные поля для стилей)
4. Если необходимы функции 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://demo.web-automation.ru/allsections

Как работает механизм лендов - https://falconspace.ru/docs/sozdanie-redaktiruemogo-lendinga-cherez-mekhanizm-lendy