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

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
RSS
Правильное подключение стилей и скриптов в Битрикс
 
#1
Это нравится: 0 Да / 0 Нет
27.07.2017 13:41:41
Правильное подключение стилей и скриптов в Битрикс

Есть несколько способов подключения файлов стилей и скриптов, при верстке шаблонов в системе управления 1С-Битрикс. Если вы получаете готовую верстку в HTML/CSS, то имеет смысл грамотно подключить файлы стилей, js и мета теги при интеграции шаблона в Битрикс
 
   Цитировать   Имя
 
#2
Это нравится: 0 Да / 0 Нет
27.07.2017 13:41:41
Вот такой вопрос я написал небольшой компонент шаблон там со одним стилим и скриптом для меня он загружается нормально без проблем а для других без стилей
 
Цитировать   Имя
 
#3
Это нравится: 0 Да / 0 Нет
27.07.2017 13:45:00
Цитата
Ильёс Газиев пишет:
Вот такой вопрос я написал небольшой компонент шаблон там со одним стилим и скриптом для меня он загружается нормально без проблем а для других без стилей
я и кэш очищал и отключал в компоненте его но без результатов то загружает то нет
 
Цитировать   Имя
 
#4
Это нравится: 0 Да / 0 Нет
06.08.2017 14:27:03
На самом деле остается открытым вопрос относительно оптимальности самой "оптимизации" битриксом ресурсов.
 
Цитировать   Имя
 
#5
Это нравится: 0 Да / 0 Нет
06.08.2017 18:30:08
Цитата
Александр Кузнецов пишет:
На самом деле остается открытым вопрос относительно оптимальности самой "оптимизации" битриксом ресурсов.
Если с самого начала сборки сайта, сделать все правильно- проблем быть не должно
 
Цитировать   Имя
 
#6
Это нравится: 0 Да / 0 Нет
13.10.2017 12:48:29
Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса
 
Цитировать   Имя
 
#7
Это нравится: 0 Да / 0 Нет
13.10.2017 13:41:24
Цитата
Николай Соболев написал:
Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса
Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию
 
Цитировать   Имя
 
#8
Это нравится: 0 Да / 0 Нет
14.10.2017 17:38:06
Цитата
Михаил Базаров пишет:
Цитата
Николай Соболев написал:
Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса
Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию
Ну вроде бы как я понимаю он уже подключен и используется в системе в новых версиях или я ошибаюсь?
 
Цитировать   Имя
 
#9
Это нравится: 0 Да / 0 Нет
14.10.2017 22:36:56
Цитата
Николай Соболев написал:
Цитата
Михаил Базаров  пишет:
Цитата
Николай Соболев написал:
Михаил подскажи пожалуйста нужно ли подключать bootstrap в новых версиях битрикса
Если bootstrap нужен при верстке-то можно. Если не используется-то не надо.
В общем, по желанию
Ну вроде бы как я понимаю он уже подключен и используется в системе в новых версиях или я ошибаюсь?
Нет, его нужно вручную прописывать в head. И в нескольких компонентах прописан (точно в умном фильтре и оформлении заказа), там просто комментируете эти строчки- где то в верху шаблона
 
Цитировать   Имя
 
#10
Это нравится: 0 Да / 0 Нет
26.11.2017 22:48:14
Цитата
Михаил Базаров пишет:
Если с самого начала сборки сайта, сделать все правильно- проблем быть не должноПожал
Пожалуйста, ссылку дайте, где почитать об этом можно?)
 
Цитировать   Имя
 
#11
Это нравится: 0 Да / 0 Нет
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/
 
Цитировать   Имя
 
#12
Это нравится: 0 Да / 0 Нет
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"....../>
 
Цитировать   Имя
 
#13
Это нравится: 0 Да / 0 Нет
20.03.2018 12:30:45
Добрый день! Подскажите,пожалуйста,можно ли не подключать штатную библиотеку JQuery? Если да,то как? Мне нужно подключить свою, но что бы я не делала,все равно подключается штатная 1.8, и ничего не работает. Как правильно это сделать?
Заранее благодарю!
 
Цитировать   Имя
 
#14
Это нравится: 0 Да / 0 Нет
18.07.2018 10:23:34
Добрый день! Скажите, а как вывести на страницу детального просмотра иконки (доставка, гарантия, и т.д) в виде изображения.
 
Цитировать   Имя
 
#15
Это нравится: 0 Да / 0 Нет
18.07.2018 14:44:40
Цитата
Mansher написал:
Добрый день! Скажите, а как вывести на страницу детального просмотра иконки (доставка, гарантия, и т.д) в виде изображения.
Можно создать инфоблок с этими иконками (в картинку анонса их накидать- например)
и вывести в карточке товара через API
Примерно так
https://camouf.ru/blog-note/1487/
 
Цитировать   Имя
 
#16
Это нравится: 0 Да / 0 Нет
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
 
Цитировать   Имя
 
#17
Это нравится: 0 Да / 0 Нет
10.07.2020 17:48:37
Добрый день! Спасибо за статью, столкнулся с задачей реализовать страницу в админке и верстку реализовать на бутстрапе, как подключать правильно в админке стили и скрипты так, чтобы они в head попадали?
 
Цитировать   Имя
 
#18
Это нравится: 0 Да / 0 Нет
17.09.2021 08:30:07
Ошибки в статье исправьте....
 
Цитировать   Имя
 
Ответить
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Ютубе