Как запустить на разных страницах сайта разный js код?

Question

[Evgeniy]

Всем добрый день.
Помогите пожалуйста решить такую задачу.

Есть интернет-магазин на cms MODX REVO
- Нужно чтобы в разделе /catalog/ запускался js код 1 (это типа pop-up окно с тестом будет), на всех категориях, подкатегориях, карточках товара, в url которых есть /catalog/

- И нужно чтобы на всем сайте, кроме раздела /catalog/ , запускался js код 2

Видел подобные решения, но окончательно сформировать не могу:
Как я понимаю надо создать 2 функции, с 2 js кодами.

и прописать типа:

if (window.location.pathname.indexOf('/catalog/') >= 0)) {
  return functionone();
}
else {
 return functiontwo();
}

Или функциям присвоить переменную..
В общем простите за кровь из глаз, и помогите пожалуйста, я только начал изучать js

Comments

[dblearn94]

Zheleznov , много вариантов, смотря что вы хотите и как это должно работать, откуда функции запускаются и тп.

Можно и так, как предложили вы.

[Антон]

Вы можете вывести на страницу идентификатор текущей страницы куда либо в шаблоне? Например, текущая страница -> ID 3?

[Froggyweb]

Можно в разных шаблонах грузить разный js

[VegasChickiChicki]

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

[Evgeniy]

Антон, не уверен
Нужно чтобы скрипт работал на всех страницах в url которых есть /catalog/ , т.е. во всех категориях, подкатегориях и товарах
Может не очень ясно объяснил

[Evgeniy]

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

[Evgeniy]

VegasChickiChicki, отдельный js файл создать хочу, но он должен подключиться во всех страницах раздела /catalog/ , а есть ещё например /catalog2/ который использует те же шаблоны.. поэтому я ищу решение именно с url как-то написать

[dblearn94]

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

[Evgeniy]

Froggyweb, этот шаблон к сожалению использует слишком много страниц, где скрипта быть не должно.. так вот сделан сайт

[FeST1VaL]

Zheleznov, условие просто сделайте в футере и в зависимости от результата подключайте. Если у вас php, то надо разбить строку на части и брать ту часть где может быть catalog

[Evgeniy]

dblearn94, вызывать код буду через js файл подключенный к футеру, это тест который появится во всплывающем окне. Сервис marquiz ru

Вставить надо этот код на все страницы, в url которых будет слово /catalog/:

<!-- Marquiz script start -->
<script src="//script.marquiz.ru/v1.js" type="application/javascript"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
  Marquiz.init({ 
    id: '5db9c4364a10750044252f0f', 
    autoOpen: false, 
    autoOpenFreq: 'once', 
    openOnExit: false 
  });
});
</script>
<!-- Marquiz script end -->

И похожий код надо будет вставить на всём остальном сайте, кроме всех страниц где есть слово /catalog/

Маленькая кнопка должна появляться на сайте, в любом месте, смотря куда вставить.
Загружаться должна вместе со страницей

[Froggyweb]

используй https://docs.modx.pro/komponentyi/pdotools/snippet...
и if сниппет, модификатор или лучше всего fenom для условия.
Проверяешь если родитель id такой-то, то .... иначе .....

[dblearn94]

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

[Evgeniy]

Артем Будин, можно примитивный пример? На слух сложно сообразить..(

[Антон]

Zheleznov, а я уверен. на каждой странице, какая бы тупорылая ЦМС не была, можно получить массив свойств этой страницы, а в массиве свойств всегда должен быть уникальный идентификатор страницы.
Получаем его, делаем условие, если страница такая-то - > подключаем

[Evgeniy]

Froggyweb, можно пожалуйста простой пример?

[Evgeniy]

Антон, хорошо, я найду ID страницы, как тогда можно написать условие чтобы оно работало только на страницах, в которых есть id /catalog/ ?

[Evgeniy]

dblearn94, можно пример для тупых?))

[Антон]

Zheleznov, а, еще и вложенные страницы будут?
Тогда делайте так

$url = $_SERVER['REQUEST_URI'];
$url = explode('/', $url);
if(array_search('catalog', $url)){
	echo '<script src="труляля"></script>';
}

[Evgeniy]

Антон, это типа, если страница catalog и / то скрипт 1
а дописать условие иначе, на запуск второго скрипта, по всему сайту кроме страницы /catalog/ ?

else {
 echo '<script src="js2"></script>';
}

так?

[Антон]

Zheleznov, можно и так

[Evgeniy]

Антон, огонь! Спасибище!)))

Answer 1

[Максим]

Не знаю как вшить это внутрь самого JS, но можно в рамках документа или шаблона отрабатывать тот или иной сценарий:

[[*template:is=`12`:then=`выводим если шаблон равен 12`:else=`выводим если шаблон не равен 12`]]]] 

[[*id:is=`1`:or:is=`2`:or:is=`3`:then=`выводим если ID документа равен 1 или 2 или 3`:else=`выводим если ID документа не равен 1 или 2 или 3`]]]]

В данные конструкции можно подключать отдельные скрипты, которые будут выполняться на нужных страницах.

Comments

[Максим]

Кстати понял, что возможно получится встроить данную контракцию в код JS, правда тогда сам этот код должен быть внутри тега размещенного непосредственно в html коде страницы, а не подключаться отдельным файлом, как это обычно бывает)