Как вставить код на страницу сайта 1с битрикс

Обновлено: 04.07.2024

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

Для чего подключать скрипты и js через API

Это нужно для правильной оптимизации сайта. CMS Битрикс, умеет самостоятельно объединять и сжимать подключаемые файлы стилей и js файлы. Если вы подключите их по старинке, простыми вставками вида

Однако тогда вы не сможете перенести оптимизацию сайта на плечи системы управления. На много правильнее, подключать эти файлы с помощью API Битрикс

До выхода нового ядра D7

По условиям обратной совместимости, использовать можно оба метода. Лично я предпочитаю подключать по старинке, без использования D7- но оба способа работают правильно и принципиальной разницы не имеют

Подключив внешние файлы правильно, через ядро Битрикс, вы сможете максимально оптимизировать создаваемый сайт. Объединить и сжать css файлы

Далее в настройках Битрикс: Настройки- Настройки Модулей -Главный модуль : включаем объединение и сжатие JS файлов, объединение css файлов.

Самое главное, вы сможете подключать необходимые файлы в "объединение" по необходимости, в зависимости от требуемого функционала страницы или компонента. То есть, по факту у вас вегда будет один файл css и один js, но их состав и соотвественно объем, будет разный в зависимости от текущей страницы или раздела сайта

Подключение стилей и js в шаблонах компонентов

Если нужно подключить стили и скрипты, в нутри шаблонов компонентов. Например, вы используете слайдер, на основе списка новостей: у него может быть много js и css и не целесообразно, подключать его кишочки, глобально ко всему сайту. Просто поспользуйтесь такой конструкцией

Оптимизируйте. Ни кто не любит тормозящие сайты, тем более это просто и не требует больших трудо затрат

Для установки онлайн-консультанта Jivo на CMS 1C-Bitrix можно воспользоваться, как нашим решением из Marketplace, так и прописать код в шаблон.

Способ 1.Установка через Маркетплейс

Обратите внимание, если у вас в панели управления уже подключен один сайт и вы хотите подключить дополнительный или если у вас несколько сайтов в аккаунте Битрикс, то вам нужно использовать Способ №2 из данной инструкции. Установка плагина в данном случае не подойдет.

Проходите по ссылке JivoSite-Маркетплейс и нажимаете установить Онлайн консультант Jivo.

В появившемся окне вводите название сайта, на который нужно установить консультант Jivo, нажимаете «Установить».

У вас откроется вкладка Marketplace, где необходимо нажать на «Установить рекомендуемые обновления», а далее нажать «Установить».

*Если предлагается более 1-го обновления, то необходимо нажать на «Посмотреть список обновлений» и выбрать Jivo.

Вводите данные своей учетной записи, либо регистрируете новую учетную запись. Нажимаете «Установить онлайн-консультант Jivo!» Готово!

Далее, вы можете либо перейти к установке приложения на компьютер, либо, если оно уже установлено, приступать к работе.

Способ 2.Установка через изменение шаблонов

Необходимо переключиться на панель «Администрирование и проследовать по пути: Настройки -> Настройки продукта -> Сайты -> Шаблоны сайтов.

Открываете вкладку настроек нужного шаблона и нажимаете «Изменить».

*Если вы знаете свой шаблон, то его можно увидеть: Настройки - Настройки продукта - Сайты - Список сайтов, у сайта выбираете “Изменить”, внизу будет список используемых шаблонов.

В поле редактирования вставляете код виджета Jivo перед тегом </body> , нажимаете «Сохранить».

Чтобы скопировать код виджета Jivo, откройте приложение Jivo, раздел Управление -> Каналы связи -> Настройки под названием сайта -> раздел Установка.

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

Встроить в страницу код smartresponder
Всем привет. Есть стандартный код подписки от smartresponder. И есть сверстанная красивая.

Как вставить свой php-код в новую страницу
здравствуите скачал WordPress (Version 3.3.1), я ветом цмс-е полнии нуб, вот что не понял: в.

Как Встроить Javascript В Lotus Script
Заранее извиняюсь если вопрос дурацкий, но не нашел как в Lotus Script вставить код на JavaScript.

Как встроить php таблицу в htnl страницу?
Значит, так. Есть 3 html-странички:index.html, cars.html and contacts.html. Ну и файл стилей.

Не мешайте все в кучу. Битрис тут совершенно не при чем. Вы либо вставили не туда, либо с ошибкой. Еще вариант - скрипт выполняющийся до этого вызвал ошибку. В консоли (Инструменты вебмастера) смотрели?
Посмотрите в браузере код страницы - есть ли там ваш скрипт.

В консоле есть вот такие ошибки:

home.js:41 Used Ruplex library
input.js:30 Uncaught TypeError: Cannot read property 'addEventListener' of null
at input.js:30
Одна в стороннем файле подключаемом к странице вот в этой строке:

Другая в моё коде, он не видит значение присваиваемого переменной так как там стоит код PHP

1. У вас нет объекта на странице с классом .phoneform. По хорошему между этими двумя строчками нужно вставить проверку, что элемент найден

2 Значит проверяйте как формируется $arGros

Попробовал вывести массив $arGros, массив содержит данные из базы и выглядит вот так:
Array
(
[ID] => 623
[

ID] => 623
[TIMESTAMP_X] => 04.05.2017 08:41:10
[

TIMESTAMP_X] => 04.05.2017 08:41:10
[TIMESTAMP_X_UNIX] => 1493887270
[

TIMESTAMP_X_UNIX] => 1493887270
[MODIFIED_BY] => 1
[

MODIFIED_BY] => 1
[DATE_CREATE] => 04.05.2017 08:41:10
[

DATE_CREATE] => 04.05.2017 08:41:10
[DATE_CREATE_UNIX] => 1493887270
[

DATE_CREATE_UNIX] => 1493887270
[CREATED_BY] => 1
[

CREATED_BY] => 1
[IBLOCK_ID] => 18
[

IBLOCK_ID] => 18
[IBLOCK_SECTION_ID] =>
[

IBLOCK_SECTION_ID] =>
[ACTIVE] => Y
[

SORT] => 500
[NAME] => Механика (суббота) 20.05
[

NAME] => Механика (суббота) 20.05
[PREVIEW_PICTURE] =>
[

PREVIEW_TEXT] =>
[PREVIEW_TEXT_TYPE] => text
[

PREVIEW_TEXT_TYPE] => text
[DETAIL_PICTURE] =>
[

DETAIL_TEXT] =>
[DETAIL_TEXT_TYPE] => text
[

DETAIL_TEXT_TYPE] => text
[SEARCHABLE_CONTENT] => МЕХАНИКА (СУББОТА) 20.05

SEARCHABLE_CONTENT] => МЕХАНИКА (СУББОТА) 20.05

WF_STATUS_ID] => 1
[WF_PARENT_ELEMENT_ID] =>
[

LOCK_STATUS] => green
[WF_LOCKED_BY] =>
[

WF_COMMENTS] =>
[IN_SECTIONS] => N
[

XML_ID] => 623
[EXTERNAL_ID] => 623
[

EXTERNAL_ID] => 623
[TMP_ID] => 0
[

TMP_ID] => 0
[USER_NAME] => (admin) Алексей Петров
[

USER_NAME] => (admin) Алексей Петров
[LOCKED_USER_NAME] =>
[

LOCKED_USER_NAME] =>
[CREATED_USER_NAME] => (admin) Алексей Петров
[

CREATED_USER_NAME] => (admin) Алексей Петров
[LANG_DIR] => /
[

LID] => s1
[IBLOCK_TYPE_ID] => CLIENTS
[

IBLOCK_TYPE_ID] => CLIENTS
[IBLOCK_CODE] =>
[

IBLOCK_CODE] =>
[IBLOCK_NAME] => Группы
[

IBLOCK_NAME] => Группы
[IBLOCK_EXTERNAL_ID] =>
[

IBLOCK_EXTERNAL_ID] =>
[DETAIL_PAGE_URL] => /CLIENTS/detail.php?ID=623
[

DETAIL_PAGE_URL] => /CLIENTS/detail.php?ID=623[LIST_PAGE_URL] => /CLIENTS/index.php?ID=18
[

LIST_PAGE_URL] => /CLIENTS/index.php?ID=18
[CANONICAL_PAGE_URL] =>
[

CANONICAL_PAGE_URL] =>
[CREATED_DATE] => 2017.05.04
[

CREATED_DATE] => 2017.05.04
[BP_PUBLISHED] => Y
[

BP_PUBLISHED] => Y
[PROPERTIES] => Array
(
[GRSTART] => Array
(
[ID] => 98
[TIMESTAMP_X] => 2017-04-06 16:25:18
[IBLOCK_ID] => 18
[NAME] => Дата начала
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRSTART
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] => 9588
[VALUE] => 20.05
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

NAME] => Дата начала
[

[GRFINISH] => Array
(
[ID] => 99
[TIMESTAMP_X] => 2017-04-06 16:25:18
[IBLOCK_ID] => 18
[NAME] => Дата конца
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRFINISH
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] => 9589
[VALUE] => 12.08
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

NAME] => Дата конца
[

[GRNAME] => Array
(
[ID] => 100
[TIMESTAMP_X] => 2017-04-06 16:25:18
[IBLOCK_ID] => 18
[NAME] => Название курса
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRNAME
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] => 9590
[VALUE] => Механика (суббота) 20.05
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

VALUE] => Механика (суббота) 20.05
[

NAME] => Название курса
[

[GRDESC] => Array
(
[ID] => 101
[TIMESTAMP_X] => 2017-04-06 16:25:18
[IBLOCK_ID] => 18
[NAME] => Описание
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRDESC
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] =>
[VALUE] =>
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

[GRSKID] => Array
(
[ID] => 102
[TIMESTAMP_X] => 2017-04-06 16:25:18
[IBLOCK_ID] => 18
[NAME] => Скидка
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRSKID
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] =>
[VALUE] =>
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

[GRALL] => Array
(
[ID] => 103
[TIMESTAMP_X] => 2017-04-07 15:31:13
[IBLOCK_ID] => 18
[NAME] => Количество обучающихся
[ACTIVE] => Y
[SORT] => 500
[CODE] => GRALL
[DEFAULT_VALUE] =>
[PROPERTY_TYPE] => S
[ROW_COUNT] => 1
[COL_COUNT] => 30[LIST_TYPE] => L
[MULTIPLE] => N
[XML_ID] =>
[FILE_TYPE] =>
[MULTIPLE_CNT] => 5
[TMP_ID] =>
[LINK_IBLOCK_ID] => 0
[WITH_DESCRIPTION] => N
[SEARCHABLE] => N
[FILTRABLE] => N
[IS_REQUIRED] => N
[VERSION] => 1
[USER_TYPE] =>
[USER_TYPE_SETTINGS] =>
[HINT] =>
[PROPERTY_VALUE_ID] =>
[VALUE] =>
[DESCRIPTION] =>
[VALUE_ENUM] =>
[VALUE_XML_ID] =>
[VALUE_SORT] =>
[

NAME] => Количество обучающихся
[

DEFAULT_VALUE] =>
)
)
)
)
)
Пробовал у себя на локальном сервере передавать через json многомерные ассоциативные массивы на JavaScript, всё нормально работает. Подскажите что с этим не так.

Случайно удалил страницу в битрикс - как восстановить
Добрый день. Удалил страницу каталога. Не пойму как восстановить. В журнале событий следующее.

как встроить php код
как встроить пхп код в html форму, я нуб в этом толь начал изучать, как идет обращение к коду и как.

Как сделать чтобы javascript работал в Битрикс?
вставил в обертку тегов джаваскрипт именно в битрикс редактировании компонентов - <SCRIPT.

Как встроить код в шаблон DLE
Есть php код мониторинга ФТП сервера (онлайн, оффлайн) ДЛЕ стоит на локалхосте. код нужно встроить.

Читайте также: