Octopus系列之模板快速开发手册
2015-04-29 16:39
225 查看
公共代码
html_header_1
扩展magento
View Code
列表和搜索分页样式
公共的样式库
form插件
表单验证插件
放大镜插件
tips插件
对话框插件
详细页面和checkout 自定义js文件【页面独有】
注意载入顺序
公共CSS--自定义CSS--公共js--自定义js
详细页面自定义样式
详细页面自定义js【必须写在页面中】
首页
列表页
详情页
购物车
Chekout
html_header_1
<title>${sitename}-${seotitle}</title> <meta http-equiv="Content-Type" content="text/html; charset=${charset}" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="keywords" content="${metakeywords}" /> <meta name="description" content="${metadescription}" /> <meta name="author" content="The Octopus; Team and others" /> <meta name="generator" content="shopping cart program by Octopus;, http://www.octopus-cart.com eCommerce" /> #if($pagename=="cart"||$pagename=="account"||$pagename=="checkout") <meta name="robots" content="NOINDEX, NOFOLLOW" /> #else <meta name="robots" content="INDEX,FOLLOW" /> #end ${basecode} <link rel="canonical" href="${siteurl}" /> <link rel="shortcut icon" href="${themeurl}favicon.ico" />
扩展magento
<!-- META FOR IOS & HANDHELD --> <!--<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">--> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes" /> <meta name="HandheldFriendly" content="true" /> <meta name="apple-touch-fullscreen" content="YES" /> <meta name="robots" content="INDEX,FOLLOW" />
View Code
列表和搜索分页样式
#if($pagename=="list"||$pagename=="search") <link href="${themeurl}css/common/pagination.css" rel="stylesheet" /> #end
公共的样式库
<!--BEGIN:Public JS--> <script src="${themeurl}script/lang.js"></script> <script src="${themeurl}script/jquery/jquery-1.7.1.min.js"></script> <script src="${themeurl}script/lib/lib.js"></script> <script src="${themeurl}script/lib/oc.js"></script> <!--END:Public JS-->
form插件
<script src="${themeurl}script/plugins/jquery.form.min.js"></script>
表单验证插件
<script src="${themeurl}script/plugins/jquery.validate.min.js"></script> <script src="${themeurl}script/plugins/messages.js"></script>
放大镜插件
<link href="${themeurl}css/zoom.css" rel="stylesheet" type="text/css" /> <script src="${themeurl}script/plugins/cloud-zoom.js" type="text/javascript"></script>
tips插件
<link href="${themeurl}script/poshytip/tip-yellow/tip-yellow.css" rel="stylesheet" /> <script src="${themeurl}script/poshytip/jquery.poshytip.min.js"></script>
对话框插件
<script src="${themeurl}script/zDialog/zDialog.js"></script> <script src="${themeurl}script/zDialog/zDrag.js"></script>
详细页面和checkout 自定义js文件【页面独有】
<script src="${themeurl}script/lib/detail.js"></script> <script src="${themeurl}script/lib/block.js"></script>
注意载入顺序
公共CSS--自定义CSS--公共js--自定义js
详细页面自定义样式
详细页面自定义js【必须写在页面中】
<script type="text/javascript"> var attr = [${product.AttrIsRequired}]; var attrcount=${product.AttrRequiredCount}; var attr_s=[]; var count = 0; </script>
首页
列表页
详情页
购物车
Chekout
相关文章推荐
- 微软BI 之SSIS 系列 - 利用 SSIS 模板快速开发 SSIS Package
- MVP一键生成 Template模板开发与快速开发神器
- Android快速开发系列 10个常用工具类
- Android 快速开发系列 打造万能的ListView GridView 适配器
- 淘宝模板开发系列之Widget规范
- openjweb1.8 java web应用快速开发平台操作手册
- MTK开发快速诊断手册_09B
- 企慧Q5快速开发平台系列之四:“零”代码理念
- 天纵智能软件快速开发平台自定义模板列表插件
- Android快速开发系列 10个常用工具类
- Android快速开发系列 10个常用工具类
- Android快速开发系列 10个常用工具类
- CRL快速开发框架系列教程一(Code First数据表不需再关心)
- Android快速开发系列 10个常用工具类
- Android快速开发系列 10个常用工具类
- Android 快速开发系列 ORMLite 框架最佳实践
- CRL快速开发框架系列教程三(更新数据)
- iOS开发系列之常用自定义控件开发集—继承UIButton控件代码快速创建按钮开发
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Ecmall二次开发指南手册,ECMALL模板解析机制.MVC架构分析及文件目录说明.