sp page builder + javascript - Каталоги, конструкторы контента (CCK)

Здравствуйте, уважаемые.
Помогите разобраться. Как и куда подключать собственные JS?

Например хочу реализовать на сайте анимированный набор текста как тут:
https://codepen.io/porsake/pen/WgRPPO

С HTML и CSS все понятно, НО куда подключать JS, как его вызывать нужном месте?

sp page builder
Шаблон: Helix3 

здра
в шабе есть поле для вставки, но можно и внешним файлом, просто кинуть в папку со скриптами файл user.js или custom.js - какой-то должен прицепиться

Или в индексе подключить

ага. до первого обновления будет работать 
зачем вредные советы раздавать, если есть готовый рабочий функционал под задачу?

здра
в шабе есть поле для вставки, но можно и внешним файлом, просто кинуть в папку со скриптами файл user.js или custom.js - какой-то должен прицепиться

Можно как для ламера, ка добиться такого же эффекта как в проекте https://codepen.io/porsake/pen/WgRPPO

вот создал custtom.js с нужным скриптом


Далее с sp page builder создал аддон HTML с кодом


В том же аддоне на вкладке Style в поле Custom CSS копирую код


Как теперь это все вместе должно работать?

На этом сайте балуюсь: https://www.warum.ru/component/sppagebuilder/131-plyushki-2

у вас в консоли ошибка - скрипт быстрее jquery грузится.
попробуйте js код в файл перенести

как в конструкторе сделать макет вывода статьи из определённых категорий , а другой макет из оставшихся категорий чтобы был, что куда нажать и выбрать чтобы вывести список категорий материалов Joomla в которых нажать на материал joomla чтобы вывелся определённый мною созданный макет ? можете поэтапно рассказать не понял из документации