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

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
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
Место для вашей рекламы.
Сквозная по:

15 000 руб/мес.

Обязательно через ОРД
со счетами и актами

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

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

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

Вывести разделы инфоблока в которых находится элемент Битрикс

Если нужно в карточке товара или новости, вывести структуру разделов в котором находится элемент. С одной стороны, это у...

INPUT type="file" Предпросмотр превью картинки до загрузки

Рассмотрим на примере компонента "Форма добавления-редактирования элементов инфоблока", как сделать ее более удобной для...

Композитный сайт на 1С-Битрикс

Для новых клиентов: Все новые проекты будут включать в себя применение технологии "Композитный сайт" - данная услуга уже...

Данные о заказе текущего пользователя

Иногда нужно получить данные о заказе текущего пользователя. Не через компонент, а непосредственно через API Битрикс. Ва...

Время на БД и веб сервере отличается на 3600 секунд, тест Битрикс

Достаточно часто, при проверке параметров системы, в Битрикс, можно увидеть одну из ошибок: Время на БД и на сервере- Вр...

Настройка push уведомлений через Firebase, в мобильном приложении Apache Cordova

Задача: Apache Cordova предоставляет удобный способ разработки кроссплатформенных мобильных приложений. В данной статье ...

Кастомизация компонента восстановления пароля bitrix:system.auth.forgotpasswd

Достаточно часто спрашивают как кастомизировать компонент восстановления пароля пользователя. Типовая задача, это измени...

Создание блога с комментариями, оценками и просмотрами на сайте с 1С-Битрикс

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