Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
TemKa_SD

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...