Добавьте код JS и CSS в заголовок Opencart

0

Я хочу добавить следующий код CSS в заголовок в Opencart:

/*=======================================================
MBL Page Peel PRO Effect For Blogger
=======================================================*/
.admin-bar #PagePeel{top:27px;}
/*Extra 20px height and width to allow for shadow and movement*/
#PagePeel{
height:120px;
overflow:hidden;
position:absolute;
right:0;
top:0;
width:120px;
z-index:9999;
}
#PagePeel svg{
overflow: hidden;
position: absolute !important;
right: 0;
top: 0;
}
#PagePeel .pointCursor:hover{cursor:pointer;}
#mycontent { position:relative; margin-left:30px; }

а также следующий код для глобального файла body в Opencart:

<!--MBL Page Peel PRO Effect For Blogger-->
<script type='text/javascript' src='https://googledrive.com/host/0B0WJjcJEFNziazIzXzlhMlhtWlU'></script>
<script type='text/javascript' src='https://googledrive.com/host/0B0WJjcJEFNziMmk4anpFWnRPWHc'></script>
<script type='text/javascript' src='https://googledrive.com/host/0B0WJjcJEFNzidExmT1JpWV9xNmc'></script>
<div id="mycontent">Peel Away Effect By <a href="http://www.mybloggerlab.com">MyBloggerLab.com</a></div>
<script type='text/javascript'>
/* <![CDATA[ */
var PagePeelProParams = {"smallImageUrl":"http://3.bp.blogspot.com/-8R2exm5kGEs/UP1mU6NRXaI/AAAAAAAAMNw/ale8VHoC3Aw/s1600/DottedAdvertSmall.png","largeImageUrl":"http://3.bp.blogspot.com/-_8kUOwvbkak/UP1kHs-ODwI/AAAAAAAAMNg/04l7M_kMZAE/s1600/Temppeel.png","peelColorStart":"#545454","peelColorEnd":"#cdcdcf","pagePeelTargetUrl":"http://www.templateism.com","pagePeelActivateEvent":"hover"};
/* ]]> */
</script>

Так как я могу это сделать, пожалуйста?

Теги:
opencart

2 ответа

0
Лучший ответ

Вы можете добавить javascript и Css в header.tpl.

вы также можете обратиться к решениям ниже:

Добавление javascript ко всем страницам OpenCart

Поделиться
  • 0
    так я могу добавить оба кода в то же место в header.tpl
  • 0
    Да, ты можешь. Но я бы посоветовал вам назвать этот JS в заголовке и добавить кусок Css в любой распространенный CSS. Мы должны избегать написания встроенных CSS на нашей странице.
Показать ещё 5 комментариев
2

Включить код файла Css:

$this->document->addStyle('catalog/view/theme/themename/stylesheet/product.css');

Включить код файла Js:

$this->document->addScript('catalog/view/theme/themename/js/product.js');

Источник: http://chandreshrana.blogspot.in/2017/02/how-to-add-css-and-js-file-in-head.html

Поделиться
  • 0
    Этот код необходимо добавить в ваш контроллер.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню