Подключение скриптов и стилей в 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 (953) 298-86-66

19 июня 2023


В 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.

ДРУГИЕ СТАТЬИ

Возврат к списку
Бизнес-партнер 1С-Битрикс24 Gold partner INTEC

Заказать проект или работы:

Проверяем мессенджеры и почту 3 раза в день. Отвечаем в течении 24-х часов.

Заказать разработку