首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >向Opencart头部添加JS和CSS代码

向Opencart头部添加JS和CSS代码
EN

Stack Overflow用户
提问于 2013-09-29 08:46:14
回答 2查看 7.3K关注 0票数 0

我想将以下CSS代码添加到Opencart的标题中:

代码语言:javascript
运行
复制
/*=======================================================
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; }

然后,将Opencart中的全局body文件的以下代码:

代码语言:javascript
运行
复制
<!--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>

那我该怎么做呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-29 08:51:14

您可以在header.tpl中添加javascript和Css。

你也可以参考以下解决方案:

Adding a javascript to all pages in OpenCart

票数 0
EN

Stack Overflow用户

发布于 2017-02-11 07:11:32

包括Css文件代码:

代码语言:javascript
运行
复制
$this->document->addStyle('catalog/view/theme/themename/stylesheet/product.css');

包括Js文件代码:

代码语言:javascript
运行
复制
$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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19076098

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档