Вступление

Начало работы с темой дизайна Easyweb: Landkit

Это руководство поможет вам начать работу с Easyweb: Landkit! Все важные вещи – html компоненты, подключенные Javascript плагины, дополнительные и глобальные парамеры, поддерживаемые плагины и приложения Webasyst – задокументированы здесь, но если у вас есть какие-либо вопросы, всегда обращайтесь к нам support@easyweb.su.

Новые и расширенные компоненты Bootstrap

Easyweb: Landkit использует Bootstrap и не только дополняет его своими компонентами, но и расширяет работу стандратных. Лучший способ получить общее представление об этом-пробежаться по нашим компонентам.

Все доступные компоненты Bootstrap смотрите на их сайте.

Начало работы

Чтобы начать работать с темой дизайна вам нужно:

1. Установите приложение Настройки темы дизайна. Для реализации предпросмотра и размещения готовых блоков на страница сайта или магазина вам обязательно понадобится это приложение. Оно бесплатное и делает только две функции - хранит настройки черновиков администраторов и позволяет получить настройки темы дизайна на страницах сайта и магазина.
2. Теперь можно начинать создавать свой уникальный сайт.

После установки приложения необходимо создать главную страницу сайта с пустым url и разместить на ней код ниже. Используйте режим HTML редактирования страницы.

    
{* GET THEMESETTINGS *}
{$theme_id = waRequest::getTheme()}
{$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}

{* GLOBALS *}
{$_slider_type = str_replace('assets/img/themesettings/home/slider/type/','',str_replace('.jpg','',$theme_settings.home__slider))}
{$_absolute_array = ["1", "4"]}
{$_colored_array = ["2","3"]}

{$wa->globals("isHomePage", true)}
{$wa->globals("isSelfContent", true)}
{$wa->globals("hideSidebar", true)}
{$wa->globals("hideHeader", true)}
{if empty($_slider_hidden)}
  {if $_slider_type|in_array:$_absolute_array}
    {$wa->globals("isHeaderAbsolute", true)}
  {/if}
  {if $_slider_type|in_array:$_colored_array}
    {$wa->globals("headerBottomFullColored", true)}
  {/if}
{/if}

  

Файловая структура

• 📁 assets
  • 📁 css - файлы стилей
  • 📁 fonts - шрифты Google Fonts и знака рубля
  • 📁 img - изображения
  • 📁 js - Javascript файлы
  • 📁 libs - Third party plugins
  • 📁 scss - SCSS source for theme
• 📁 blocks - блоки приложения
• 📁 partials
  • 📁 demo - файлы для работы демо-панели настроек
  • 📁 docs - файлы этой документации
  • 📁 footer - файлы подвала
  • 📁 header - файлы шапки

Размещение своих CSS стилей и Javascript

В теме дизайна используются блоки приложения Сайт вместо встроенных файлов.