Конструкция подвала

Выбрать "вариант подвала" и его содержимое можно в настройках темы в разделе "подвал сайта".

Каждый вариант подвала формируется из файлов темы footer.1.html, footer.2.html, footer.3.html, footer.4.html, которые подставляются в коде файла footer.html в соответствии с выбранным в настройках темы (в разделе "подвал сайта") вариантом.

Каждый файл имеет содержимое типа

{* VARIABLES *}
{* HTML *}
<div class="uk-bar-container uk-bar-secondary uk-light uk-padding uk-padding-remove-horizontal uk-bar-bottom"> 
<div class="uk-container{if !empty($theme_settings.container)} uk-container-{$theme_settings.container}{/if}"> 
{$cells = [ 
'contacts_title, address, divider_small, phone1, divider_small, phone2, divider_small, email, divider_small, networks' => 'uk-width-1-3@s uk-width-1-4@m', 
'categories_title, categories_list' => 'uk-width-1-3@s uk-width-1-4@m', 
'pages_title, pages_list' => 'uk-width-1-3@s uk-width-1-4@m', 
'payment_title, payment, divider_small, shipping_title, shipping, divider, counters' => 'uk-width-1-4@m uk-visible@m' 
]} 
{include file="./bar.html" wrap=1 valign="top" inline} 
</div>
</div>

<div class="uk-bar-container uk-bar-secondary uk-light uk-bar-medium uk-border-top"> 
<div class="uk-container{if !empty($theme_settings.container)} uk-container-{$theme_settings.container}{/if}"> 
{$cells = [ 
'copyright + powered' => 'uk-width-expand@s', 
'note' => 'uk-width-auto@s uk-visible@m' 
]} 
{include file="./bar.html" inline} 
</div>
</div>

Содержимое разбито на 2 раздела:

Первый раздел - переменные, размещается под комментарием
{* VARIABLES *}
В ней могут размещаться созданные или измененные "элементы" подвала. Они могут быть полезны при создании собственного элемента подвала, либо изменения уже существующего. (подробнее - ссылка)

Второй раздел - HTML код, размещается под комментарием
{* HTML *}
Под этим комментарием размещается конструкции вывода "панелей" подвала.

В каждом корневом элементе HTML кода, содержатся панели - это конструкции типа:

<div class="uk-bar-container uk-bar-secondary uk-light uk-bar-medium uk-border-top"> 
<div class="uk-container{if !empty($theme_settings.container)} uk-container-{$theme_settings.container}{/if}"> 
{$cells = [ 
'copyright + powered' => 'uk-width-expand@s', 
'note' => 'uk-width-auto@s uk-visible@m' 
]} 
{include file="./bar.html" inline} 
</div>
</div>

Каждая из панелей состоит из:

Массив элементов

{$cells = [ 
'copyright + powered' => 'uk-width-expand@s', 
'note' => 'uk-width-auto@s uk-visible@m' 
]} 

Переменная $cells является массивом, в котором содержатся:
- ячейка панели,
- элементы,
- модификаторы,
- классы, меняющие свойства и последовательность элементов.

Подробнее о "массиве элементов".

Шаблон панели

{include file="./bar.html" inline}

Получает данные массива элементов и преобразует в html код.

* Ни эту строку, ни код файла bar.html изменять не рекомендуется.

Контейнер панели

И "массив элементов" и "шаблон панели" размещаются в контейнерах:

<div class="uk-bar-container uk-bar-secondary uk-light uk-bar-medium uk-border-top"> 
<div class="uk-container{if !empty($theme_settings.container)} uk-container-{$theme_settings.container}{/if}"> 
...
</div> 
</div>

Классы этих контейнеров задают свойства (ширина панели, цветовая схема, отступы) всей панели.

Подробнее о свойствах "контейнерах панели".

Есть вопросы или предложение?

Для того что бы задать вопрос, Вам необходимо авторизоваться или зарегистрироваться