Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Как правильно добавить 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

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.