Документация Сотбит: Оригами. Для разработчика. Кастомизация шаблона без потерь при обновлении решения. Подвал сайта

Подвал сайта

Для создания шаблона шапки сайта перейдите по пути: Рабочий стол > Контент > Структура сайта > Файлы и папки > local > template > sotbit_origami > theme > footers.

В открывшемся окне скопируйте имеющийся шаблон, например «1», в текущую папку.

Скопированная папка изначально содержит 2 файла:

1. content.php – содержит код шаблона.
2. preview.jpg – изображение шаблона в панели настроек.

При необходимости создайте дополнительные разделы для хранения стилей, изображений и скриптов.

Для подключения стилей и скриптов потребуется внести изменения в файл шаблона content.php, а именно:

1. Подключить пространство имен: use BitrixMainPageAsset;.
2. Подключить необходимые стили, например style.css.
3. Подключить необходимые скрипты, например custom.js.

Например:

use BitrixMainPageAsset;
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/theme/footers/custom_footer_1/css/style.css");
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/theme/footers/custom_footer_1/js/custom.js");

Подключите таким образом все необходимые файлы.

Для подключения файлов локализации перейдите по пути: Рабочий стол > Контент > Структура сайта > Файлы и папки > local > template > sotbit_origami > lang > ru > theme > footers.

В открывшемся окне скопируйте имеющийся раздел локализации, например «1», в текущую папку и переименуйте созданный раздел в соответствии с названием раздела шаблона, в нашем случае custom_footer_1.

Важные моменты:

Перечень используемых компонентов:

Для того, чтобы созданные шаблоны компонентов не удалялись в процессе обновления решения, поместите их в папку, поиск в которой осуществляется в первую очередь, в нашем случае:
/local/templates/sotbit_origami/components.

Пример пустого подвала:

<?php
use BitrixMainLoader;
use BitrixMainLocalizationLoc;
use SotbitOrigamiHelperConfig;
global $APPLICATION;

//css and Js connection
use BitrixMainPageAsset;
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/theme/footers/custom_footer_1/css/style.css");
// style.css – созданный файл стилей в созданной папке «css»
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/theme/footers/custom_footer_1/js/custom.js");
// custom.js – созданный файл скриптов в созданной папке «js»

//multiregion module check
$useRegion = (Config::get('USE_REGIONS') == 'Y') ? true : false;
?>

<div class='footer-block'>

   <ваша фантазия>... </ваша фантазия>

</div>
// Блок копирайта
<div class="copy_text_block">
  <div class="puzzle_block no-padding">
    <div class="copy_text_block__content">
      <div class="copy_text_block__item fonts__middle_comment">
        <a class="copy_text_block__item_img" target="_blank" href="https://www.sotbit.ru">
          <img src="<?=SITE_TEMPLATE_PATH?>/assets/img/main_logo_sotbit.png" alt="">
        </a>
        <?=Loc::getMessage("SOTBIT_FOOTER_ABOUT_COMPANY");?>
      </div>
    <div class="copy_text_block__item fonts__middle_comment">
      <?$APPLICATION->IncludeComponent(
        "bitrix:main.include",
        "",
        array(
               "AREA_FILE_SHOW" => "file",
               "PATH" => SITE_DIR."include/sotbit_origami/copyright.php"
        )
      );?>
    </div>
  </div>
</div>