Forums / National / Russian / Тех. поддержка / Вставка JS на определенной странице

#42083 Denisbox:

 

Понимаю, но я больше ориентируюсь на Google Page Speed :) Валидатор бонусов никаких не даёт, кроме самой валидации.

Лучше сделать и скорость и валидность. Css в таком случае в верхней части страницы подгружается основной, участвующий в рендеринге, а остальной подгружается в футере через js , такой вариант правильный с точки зрения рекомендации Google, только нужно учесть ситуацию с отключенным JS. 

#42001 Roffun:

#41999 kushelbek:

Конкретно вывести js файл на mysite.ru/lab/stranica не получаеятся =(

Заранее спасибо.

Попробуйте {PHP.pag.page_alias} или  {PHP.al}

<!-- IF {PHP.al} == "stranica" -->
  
<script src="myscript.js"></script>
  
<!-- ENDIF -->

также можно по ID страницы {PHP.pag.page_id}  

<!-- IF {PHP.pag.page_id} == 222 -->
  
<script src="myscript.js"></script>
  
<!-- ENDIF -->

 

День добрый, на другом сайте делаю все точно так же, но нужно вывести скрипт только в page.list.tpl

<!-- IF {PHP.list} == "category" -->
<script src="simple.js"></script>
<!-- ENDIF -->

Что - то мне подсказывает, что я сделал что то не так...

Проверять имя категории еще можно вот так: 

<!-- IF {PHP.c} == "portfolio" -->
<script src="portfolio.js"></script>
<!-- ENDIF -->

Я на самом деле так и не понял как грамотно проверять условия подключения в файле theme.rc.php. Ведь переменная $env там не работает. Проверять по URL как предложил Roffun?

Добавлено 3 дня спустя:

Разобрался. Разделы в theme.rc.php можно проверять например вот так:

if ($_GET['с'] == 'portfolio') {
  Resources::linkFile($cfg['themes_dir'].'/'.$usr['theme'].'/css/portfolio.css');
}

Здесь в разделе "porfolio" (и корневых страницах) грузим файл стилей portfolio.css. В подразделах работать не будет, потому что подразделы нужно проверять непосредственно.

Модули или плагины можно проверять так:

if ($_GET['e'] == 'page') {
  Resources::linkFile($cfg['themes_dir'].'/'.$usr['theme'].'/css/page.css');
}

Здесь во всех разделах и страницах модуля page будет грузиться файл page.css.

Проверять по URI (например если нужно загружать файл стилей и в подразделах) можно вот так:

if (mb_strpos($sys['uri_curr'], 'studio') !== false) {
  Resources::linkFile($cfg['themes_dir'].'/'.$usr['theme'].'/js/studio.js');
}

Здесь везде, когда в URI есть "studio", будет подгружаться файл studio.js. Например http://test.dev/studio/portfolio/sites

По алиасу страницы:

if ($_GET['al'] == 'big-hall') {
  Resources::linkFile($cfg['themes_dir'].'/'.$usr['theme'].'/css/big-hall.css');
}

#42616 kushelbek:

Такой вопрос, а как плагины грузить в футере(со стилями по умолчанию)?

Чтобы в футере была ссылка на файл, то можно использовать функцию:

Resources::linkFileFooter($cfg['themes_dir'] . '/' . $usr['theme'] . '/css/mycss.css','css','2');

 Саму функцию можно посмотреть в /system/resources.php  строка ~ 639

Чтобы в футере было само тело файла:

($cfg['themes_dir'] . '/' . $usr['theme'] . '/css/mycss.css','css','2');

Но css с точки зрения валидации нужно грузить в head, а в футере их можно через js подгружать, тогда второй параметр изменяете на js, а сам код css нужно сконвертировать в js.

И js и css попадают в один тег:  {HEADER_HEAD}

Если включить в админке Объединять ресурсы header/footer (JS/CSS):

То останется 2 файла в  {HEADER_HEAD} (если посмотреть в режиме кода):

<link href="rc.php?rc=global.название шаблона.css&amp;nc=1485362013" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="rc.php?rc=global.название шаблона.js&amp;nc=1485362013"></script>

Заменяете {HEADER_HEAD} в header.tpl на 

<link href="rc.php?rc=global.название шаблона.css&amp;nc=1485362013" type="text/css" rel="stylesheet" />

А в футер переносите

<script type="text/javascript" src="rc.php?rc=global.название шаблона.js&amp;nc=1485362013"></script>

Но это перенесет все скрипты, в том числе JQuery