Подключение скриптов и стилей в 1С-Битрикс - разработка и поддержка сайтов BUSSOL
Напишите нам
Напишите нам

Подключение скриптов и стилей в 1С-Битрикс

Автор:

Дата публикации:

Подключение скриптов и стилей в 1С-Битрикс

В 1С-Битрикс файлы скриптов и стилей можно подключать через тег обычным способом. И от этого ничего не пострадает. Однако при таком способе подключения не будет возможности управлять стилями и скриптами из админки: объединять файлы стилей и скриптов, перемещать подключение скриптов в футер, создавать сжатые копии файлов скриптов и стилей.

В новом ядре D7 появилась возможность не просто подключать стили и скрипты через специальные методы, но и благодаря такому способу подключения появилась возможность выполнять все указанные выше манипуляции с файлами скриптов и стилей.

Рассмотрим вариант подключения стилей традиционным способом:

А вот так выглядит подключение стилей и скриптов через ядро D7:


        use Bitrix\Main\Page\Asset;
$objAsset = Asset::getInstance();

$objAsset->addCss(SITE_TEMPLATE_PATH.'/style.css');
$objAsset->addJs(SITE_TEMPLATE_PATH.'/js/script.js');

Этот код разумеется нужно разместить в секции head или перед закрывающимся тегом . Теперь зайдем в настройки главного модуля Настройки->Настройки модулей->Главный модуль. На вкладке "Настройки" прокрутим страницу до блока "Оптимизация CSS":

Теперь, пользуясь данными опциями Вы можете выполнять некоторые манипуляции со скриптами и стилями. Кстати, на скриншоте показан оптимальный для большинства сайтов вариант. Ну а в видео выше рассказывается более подробно о подключении фалов стилей и скриптов средствами ядра D7.

241027, Россия, Брянская область, поселок Путевка, улица Рослальская, дом 8, кв.121
Телефон: +7 (950) 692-91-71

В 1С-Битрикс файлы скриптов и стилей можно подключать через тег обычным способом. И от этого ничего не пострадает. Однако при таком способе подключения не будет возможности управлять стилями и скриптами из админки: объединять файлы стилей и скриптов, перемещать подключение скриптов в футер, создавать сжатые копии файлов скриптов и стилей.

В новом ядре D7 появилась возможность не просто подключать стили и скрипты через специальные методы, но и благодаря такому способу подключения появилась возможность выполнять все указанные выше манипуляции с файлами скриптов и стилей.

Рассмотрим вариант подключения стилей традиционным способом:

А вот так выглядит подключение стилей и скриптов через ядро D7:


        use Bitrix\Main\Page\Asset;
$objAsset = Asset::getInstance();

$objAsset->addCss(SITE_TEMPLATE_PATH.'/style.css');
$objAsset->addJs(SITE_TEMPLATE_PATH.'/js/script.js');

Этот код разумеется нужно разместить в секции head или перед закрывающимся тегом . Теперь зайдем в настройки главного модуля Настройки->Настройки модулей->Главный модуль. На вкладке "Настройки" прокрутим страницу до блока "Оптимизация CSS":

Теперь, пользуясь данными опциями Вы можете выполнять некоторые манипуляции со скриптами и стилями. Кстати, на скриншоте показан оптимальный для большинства сайтов вариант. Ну а в видео выше рассказывается более подробно о подключении фалов стилей и скриптов средствами ядра D7.


Похожие статьи

Импорт данных из CSV в MySQL
Казалось бы, тема старая, однако актуальна и по сей день. У многих программистов возникает необходимость импорта данных из csv в mysql и вопрос о том, как это сделать.
Добавление товара в избранное на ajax в Битрикс
Добавление товара или статьи в избранное - это обязательная фишка для интернет-магазина или блога. Однако, в Битрикс по умолчанию нет функционала добавления элемента инфоблока в избранное.