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

[TemKa_SD 9]

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

[Lesovsky 149]

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

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

 

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

 

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

[TemKa_SD 9]

20.04.2021 в 21:43, Lesovsky сказал:

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

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

[siv1987 2,623]

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

[Lesovsky 149]

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. Через ресурсы, для этого нужно перейти в режим Дизайнера:

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

Добавить в шаблон 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с-Битрикс, а именно забивают на документацию