Правильное подключение стилей и скриптов в Битрикс

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

27.07.2017 13:41:41

Правильное подключение стилей и скриптов в Битрикс

Есть несколько способов подключения файлов стилей и скриптов, при верстке шаблонов в системе управления 1С-Битрикс. Если вы получаете готовую верстку в HTML/CSS, то имеет смысл грамотно подключить файлы стилей, js и мета теги при интеграции шаблона в Битрикс

Цитировать Имя

Ильёс Газиев Гость	#2 0 27.07.2017 13:41:41 Вот такой вопрос я написал небольшой компонент шаблон там со одним стилим и скриптом для меня он загружается нормально без проблем а для других без стилей
	Цитировать Имя

Ильёс Газиев

Гость

27.07.2017 13:45:00

Цитата
Ильёс Газиев пишет: Вот такой вопрос я написал небольшой компонент шаблон там со одним стилим и скриптом для меня он загружается нормально без проблем а для других без стилей

я и кэш очищал и отключал в компоненте его но без результатов то загружает то нет

Цитировать Имя

Александр Кузнецов Пользователь Сообщений: 2 Рейтинг: 0 Регистрация: 29.05.2016	#4 0 06.08.2017 14:27:03 На самом деле остается открытым вопрос относительно оптимальности самой "оптимизации" битриксом ресурсов.
	Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

06.08.2017 18:30:08

Цитата
Александр Кузнецов пишет: На самом деле остается открытым вопрос относительно оптимальности самой "оптимизации" битриксом ресурсов.

Если с самого начала сборки сайта, сделать все правильно- проблем быть не должно

Цитировать Имя

Николай Соболев Гость	#6 0 13.10.2017 12:48:29 Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса
	Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

13.10.2017 13:41:24

Цитата
Николай Соболев написал: Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса

Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию

Цитировать Имя

Николай Соболев

Гость

14.10.2017 17:38:06

Цитата

Михаил Базаров пишет:

Цитата
Николай Соболев написал: Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса

Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию

Ну вроде бы как я понимаю он уже подключен и используется в системе в новых версиях или я ошибаюсь?

Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

14.10.2017 22:36:56

Цитата

Николай Соболев написал:

Цитата

Михаил Базаров пишет:

Цитата
Николай Соболев написал: Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса

Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию

Ну вроде бы как я понимаю он уже подключен и используется в системе в новых версиях или я ошибаюсь?

Нет, его нужно вручную прописывать в head. И в нескольких компонентах прописан (точно в умном фильтре и оформлении заказа), там просто комментируете эти строчки- где то в верху шаблона

Цитировать Имя

Велес

Пользователь

Сообщений: 1 Рейтинг: 0 Регистрация: 26.11.2017

#10

26.11.2017 22:48:14

Цитата
Михаил Базаров пишет: Если с самого начала сборки сайта, сделать все правильно- проблем быть не должноПожал

Пожалуйста, ссылку дайте, где почитать об этом можно?)

Цитировать Имя

nikolaevevge

Пользователь

Сообщений: 3 Рейтинг: 0 Регистрация: 25.12.2017

#11

25.12.2017 01:43:57

Вы пишите о правильном подключении JS имея ввиду Asset::getInstance()->addJs, но данный метод не всегда подходит. Например сайт работает в кодировке cp1251(она же windows-1251), и необходимо подключить кнопки шары Яндекс в соц-сети, JavaScript которых выложен на яндекс в кодировке UTF-8. Так вот метод addJs не имеет возможности указать кодировку. Решение задачи на форуме битрикса по ссылке(в соответствии с ответом техподдержки битрикс метод является стандартным): https://dev.1c-bitrix.ru/community/forums/forum6/topic104055/

Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

#12

25.12.2017 10:12:47

Цитата

nikolaevevge написал:
Вы пишите о правильном подключении JS имея ввиду Asset::getInstance()->addJs, но данный метод не всегда подходит. Например сайт работает в кодировке cp1251(она же windows-1251), и необходимо подключить кнопки шары Яндекс в соц-сети, JavaScript которых выложен на яндекс в кодировке UTF-8. Так вот метод addJs не имеет возможности указать кодировку. Решение задачи на форуме битрикса по ссылке(в соответствии с ответом техподдержки битрикс метод является стандартным): https://dev.1c-bitrix.ru/community/forums/forum6/topic104055/

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

Еще и отключить объединение (например, счетчик Li не адекватно себя ведет) и перенос этих скриптов, можно через

Код
<script data-skip-moving="true"....../>

Цитировать Имя

Lu Sh

Пользователь

Сообщений: 2 Рейтинг: 0 Регистрация: 04.03.2018

#13

20.03.2018 12:30:45

Добрый день! Подскажите,пожалуйста,можно ли не подключать штатную библиотеку JQuery? Если да,то как? Мне нужно подключить свою, но что бы я не делала,все равно подключается штатная 1.8, и ничего не работает. Как правильно это сделать?
Заранее благодарю!

Цитировать Имя

Mansher Пользователь Сообщений: 7 Рейтинг: 0 Регистрация: 18.07.2018	#14 0 18.07.2018 10:23:34 Добрый день! Скажите, а как вывести на страницу детального просмотра иконки (доставка, гарантия, и т.д) в виде изображения.
	Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 1631 Баллов: 111110 Рейтинг: 1 Регистрация: 07.11.2013

#15

18.07.2018 14:44:40

Цитата
Mansher написал: Добрый день! Скажите, а как вывести на страницу детального просмотра иконки (доставка, гарантия, и т.д) в виде изображения.

Можно создать инфоблок с этими иконками (в картинку анонса их накидать- например)
и вывести в карточке товара через API
Примерно так
https://camouf.ru/blog-note/1487/

Цитировать Имя

Иван Русин

Гость

#16

24.09.2018 02:37:10

Приветствую, Михаил.
Рекомендую вам добавить в статью следующую информацию:

1. Сказать людям, что бы проверяли наличие $APPLICATION->ShowHead(); в html секции head шаблона.

2. Не обязательно подключать скрипты и стили отдельно особыми функциями.
Папка шаблона простого компонента может содержать следующие подпапки и файлы:
— файл style.css, который определяет стили, необходимые данному шаблону.
— файл script.js, который определяет и подключает яваскрипты, необходимые данному шаблону. Этот файл может отсутствовать.
https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=2829&LESSON_PATH=3913.4565.2829

Цитировать Имя

Александр Марчелло Пользователь Сообщений: 1 Рейтинг: 0 Регистрация: 10.07.2020	#17 0 10.07.2020 17:48:37 Добрый день! Спасибо за статью, столкнулся с задачей реализовать страницу в админке и верстку реализовать на бутстрапе, как подключать правильно в админке стили и скрипты так, чтобы они в head попадали?
	Цитировать Имя

Guest Гость	#18 0 17.09.2021 08:30:07 Ошибки в статье исправьте....
	Цитировать Имя

Правильное подключение стилей и скриптов в Битрикс

Заметки разработчика