公共代码

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" />

列表和搜索分页样式

#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

Octopus系列之模板快速开发手册的更多相关文章

  1. 微软BI 之SSIS 系列 - 利用 SSIS 模板快速开发 SSIS Package

    开篇介绍 在做 ETL 项目的时候,往往很多 Package 的开发都是基于相同的模型和流程.比如在 Package 开始运行时需要向 Process Log 表中插入记录,在 Package 运行结 ...

  2. 【新手】【十分钟上手系列-一】快速开发vue插件

    2018.6.28 在这浮躁的前端娱乐圈,不会三两个新框架都觉得自己不是前端.哦,不是我说的.说到底.原生才是重中之重.加油. vue用了大半年多,一直在用ui库,插件等,没有自己的东西. 想想连个v ...

  3. Java快速开发平台,JEECG 3.7.7闪电版本发布,增加多套主流UI代码生成器模板

    JEECG 3.7.7 闪电版本发布,提供5套主流UI代码生成器模板 导读 ⊙平台性能优化,速度闪电般提升           ⊙提供5套新的主流UI代码生成器模板(Bootstrap表单+Boots ...

  4. (私人收藏)[开发必备]最全Java离线快速查找手册(可查询可学习,带实例)

    (私人收藏)[开发必备]最全Java离线快速查找手册(可查询可学习,带实例) https://pan.baidu.com/s/1L54VuFwCdKVnQGVc8vD1TQnwmj java手册 Ja ...

  5. 快速开发Grunt插件----压缩js模板

    前言 Grunt是一款前端构建工具,帮助我们自动化搭建前端工程.它可以实现自动对js.css.html文件的合并.压缩等一些列操作.Grunt有很多插件,每一款插件实现某个功能,你可以通过npm命名去 ...

  6. JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(四):自定义T4模板快速生成页面

    前言:上篇介绍了下ko增删改查的封装,确实节省了大量的js代码.博主是一个喜欢偷懒的人,总觉得这些基础的增删改查效果能不能通过一个什么工具直接生成页面效果,啥代码都不用写了,那该多爽.于是研究了下T4 ...

  7. Net力软快速信息化系统开发框架 + 开发手册+数据库说明

    源码目录结构说明LeaRun.Cache –缓存层LeaRun.Resource –本地语言LeaRun.Utilities –公共类库LeaRun.DataAccess –数据库访问核心组件LeaR ...

  8. 封装一个简单好用的打印Log的工具类And快速开发系列 10个常用工具类

    快速开发系列 10个常用工具类 http://blog.csdn.net/lmj623565791/article/details/38965311 ------------------------- ...

  9. Android 快速开发系列 打造万能的ListView GridView 适配器

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38902805 ,本文出自[张鸿洋的博客] 1.概述 相信做Android开发的写 ...

随机推荐

  1. 20145320 《Java程序设计》第8周学习总结

    20145320 <Java程序设计>第8周学习总结 教材学习内容总结 15.1日志 java.util.logging包提供了日志功能相关类与接口,不必额外配置日志组件,就可以在标准ja ...

  2. linux----------CentOS的一些命令记录。

    1.查看linux操作系统位数的命令:getconf LONG_BIT 2.安装sz(下载)和rz(上传)命令:yum install lrzsz 3.tail -n 5 文件名字    : 查看大型 ...

  3. 感冒了~ vs中py和vb实现一个小算法

    1+1*2+1*2*3+--+1*2*3*n 下面是窗体,就一个按钮和编辑框. 中途还遇到了编码问题,但是感冒太难受,加上明天还要上课.就睡了~ 晚安世界.

  4. ACCESS自动编号清零

    ACCESS的数据库,当每次删除所有记录后,表里的一个ID字段(自动编号),无限递增,位数无限扩.当每次执行删除查询时,程序就把“自动编号”型ID字段清零,然后重新从“初始值”开始,解决方法如下:   ...

  5. 运行nodejs的blog程序遇见问题

    我是运行这个教程的代码.可以在网上找到相关视频和代码. 第一个问题,数据库中没有创建对应的表就开始运行程序.node app.js 这个错误问题大家可以去重现一下 第二个问题,我也没有看明白,但是我根 ...

  6. IOS 键盘 禁止输入字母

    在开发中有时候需要数字键盘,但是设置textfield为默认数字键后, 在模拟器上如果用电脑键盘仍然可以输入字母, 在真机上如果使用搜狗等其他输入法也可能会出现可以输入字母的情况.解决方法如下,在te ...

  7. JAVA基础知识之JDBC——使用ResultSetMetaData分析结果集

    通过ResultSetMetaData可以对ResultSet进行分析,获取ResultSet里包含了哪些数据列,以及每个列的数据类型. ResultSet中包含了一个getMetaData()方法, ...

  8. 制作图片边框:《CSS3 Border-image》

    一个边框图片border-image

  9. LPCTSTR 用法

    L表示long指针       这是为了兼容Windows  3.1等16位操作系统遗留下来的,在win32中以及其他的32为操作系统中,  long指针和near指针及far修饰符都是为了兼容的作用 ...

  10. [poj2528] Mayor's posters (线段树+离散化)

    线段树 + 离散化 Description The citizens of Bytetown, AB, could not stand that the candidates in the mayor ...