Меню

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

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

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


use Bitrix\Main\Page\Asset;
Asset::getInstance()->addString('<link href="' . SITE_TEMPLATE_PATH . '/vendor/aos/aos.css" type="text/css" rel="stylesheet" />');
Asset::getInstance()->addString('<link href="' . SITE_TEMPLATE_PATH . '/vendor/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />');
Asset::getInstance()->addCss("/templates/demo/01234.css");
 
Цитировать   Имя
 
#13
Это нравится: 0 Да / 0 Нет
07.09.2024 15:26:51
А если так?
Код
use Bitrix\Main\Page\Asset;
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/vendor/aos/aos.css');
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/vendor/bootstrap/css/bootstrap.min.css');
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/templates/demo/01234.css');
Изменено: Михаил Базаров - 07.09.2024 15:28:09
 
Цитировать   Имя
 
Ответить
Читают тему
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Bst

Блог-note: заметки разработчика

Создание мобильного приложения на cordova, для любого сайта.

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

Заполнить инфоблок брендов из свойства инфоблока с товарами

Задача: в интернет-магазине есть инфоблок с товарами, загружаемый из 1С, у которого заполнено свойство "Производите...

Создание агента в 1С-Битрикс, на реальном примере

Задача: Каждый час нужно обновлять свойство элементов/товаров с типом строка "В наличии", вписывать в него либ...

Уникальный URL для торговых предложений (SKU) с возможностью автоматического выбора предложения при переходе по ссылке.

Задача: на странице товара необходимо реализовать функцию автоматического изменения URL при выборе определенной товарной...

Запретить указание количества товаров, добавляемого в корзину, в определенных разделах каталога.

Задача состоит в том, чтобы запретить указание количества товара, добавляемого в корзину, в определенных разделах катало...

Мобильные версии страниц и поисковые системы

Согласно требования поисковых систем: Яндекс и Google, в случае если у вашего сайта имеется мобильная версия, нужно увед...

Как выводить пользовательские поля и названия разделов инфоблока в Битриксе

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

Заполнение множественного пользовательского свойства типа "строка" через API

Задача: когда пользователь заходит в мобильное приложение, нужно сохранить FCM токен устройства в пользовательское поле ...

Вывести минимальную цену самого дешевого торгового предложения

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