Перейти к содержимому
Русский язык для Invision Community 5

Как правильно добавить JS при разработке шаблона?

Здравствуйте. Разрабатываю шаблон, необходимо подключить JS файл. Как правильно? Сделал пока с помощью ресурса.

Рекомендованные сообщения

Здравствуйте.

Тему вашу перенёс, по скинам у нас отдельная специализированная ветка.

 

Если что-то простое:

image.png

 

Если скриптов много, и нужно отделить от основного шаблона, обычно для скинов которые выкладывают (бесплатно/платно) создаётся отдельный шаблон и подключается в globalTemplate.

  • Автор
20.04.2021 в 21:43, Lesovsky сказал:

Если скриптов много, и нужно отделить от основного шаблона, обычно для скинов которые выкладывают (бесплатно/платно) создаётся отдельный шаблон и подключается в globalTemplate.

Спасибо, с подключением всё понятно, а если файл локальный, где его расположить?

Не уверен что только с дистрибутивом шаблона можно отдельно добавить JS.
Скорее всего только как плагин отдельно. Тут нужно мнение тех кто занимается версткой шаблонов под IPS.

1. Через CDN, например:

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous"></script>

 

2. Через ресурсы, для этого нужно перейти в режим Дизайнера:

Создаём директорию:

image.png

Добавить в шаблон inclideJS:

<script src='{resource="js/custom.min.js" app="core" location="front"}'></script>

 

Подробнее:

Managing resources

Явно конечно не указано можно ли использовать или нет этот плагин шаблона для js, но в большинстве случаев локальные js-скрипты подключаются так.

3. По аналогии как подключаются стандартные js, через плагин шаблона expression, но честно я пока его не смотрел:

<script type="text/javascript" src="{expression="\IPS\Http\Url::external( $js )->setQueryString( 'v', \IPS\Output\Javascript::javascriptCacheBustKey() )"}" async></script>

 

К сожалению IPS ведут себя также как и разработчики популярной CMS 1с-Битрикс, а именно забивают на документацию

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.