ecshop京东商城产品分类模板适合所有版本
- 格式:wps
- 大小:110.00 KB
- 文档页数:5
【1】.先下载 mzp.packed.js下载地址:/static/magiczoomplus-demo.zip 【2】.在模板中引入 mzp.packed.js 文件有2种方式来引入第一种方式:把mzp.packed.js 放到 ec根目录 js目录下面这样在goods.dwt文件里面添加一行:1.{insert_scripts files='common.js,mzp-packed.js'}复制代码第二种方式:把mzp.packed.js放到模板文件夹里面的js目录下这样在goods.dwt里面添加一行:1.<script type="text/javascript" src="js/mzp.packed.js"></script>复制代码如果很多朋友发现没有效果那检查下是否成功的加载了js代码【3】在goods.dwt里面添加如下代码:我们以ecshop2.70 default模板为准其他模板依此类推1.<!-- {if $pictures}-->2.<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoomMagicThumb" title="{$goods.goods_style_name}">3. <img src="{$goods.goods_img}"alt="{$goods.goods_name|escape:html}" width="230px;"/>4. </a>5. <!-- {else} -->6. <a href="{$pictures.0.img_url}" id="zoom1"class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">7. <img src="{$goods.goods_img}"alt="{$goods.goods_name|escape:html}" width="230px;"/>8. </a>9. <!-- {/if}-->复制代码【4】找到库文件 goods_gallery.lbi改为如下1.<meta http-equiv="Content-Type" content="text/html;charset=utf-8">2.<!-- {if $pictures}-->3.<div class="clearfix">4. <span onmouseover="moveLeft()" onmousedown="clickLeft()"onmouseup="moveLeft()" onmouseout="scrollStop()"></span>5. <div class="gallery">6. <div id="demo">7. <div id="demo1" style="float:left">8. <ul>9. <!-- {foreach from=$pictures item=picture}-->10. <li>11. <a href="{$picture.img_url}"12. rel="zoom1"13. rev="{$picture.img_url}"14. title="{$picture.img_desc|escape:html}">15. <img src="{if$picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url} {/if}" alt="{$goods.goods_name}" class="B_blue" /></a>16.17. </li>18. <!--{/foreach}-->19. </ul>20. </div>21. <div id="demo2" style="display:inline;overflow:visible;"></div>22. </div>23. </div>24. <span onmouseover="moveRight()" onmousedown="clickRight()"onmouseup="moveRight()" onmouseout="scrollStop()"class="spanR"></span>25. <script>26. function $(id){27. return (document.getElementById) ?document.getElementById(id): document.all[id]28. }29.30. var boxwidth=53;//跟图片的实际尺寸相符31.32. var box=$("demo");33. var obox=$("demo1");34. var dulbox=$("demo2");35. obox.style.width=obox.getElementsByTagName("li").length*boxwidth+'px';36. dulbox.style.width=obox.getElementsByTagName("li").length*boxwidth+'px';37. box.style.width=obox.getElementsByTagName("li").length*boxwidth*3+'px';38. var canroll = false;39. if (obox.getElementsByTagName("li").length >= 4) {40. canroll = true;41. dulbox.innerHTML=obox.innerHTML;42. }43. var step=5;temp=1;speed=50;44. var awidth=obox.offsetWidth;45. var mData=0;46. var isStop = 1;47. var dir = 1;48.49. function s(){50. if (!canroll) return;51. if (dir) {52. if((awidth+mData)>=0)53. {54. mData=mData-step;55. }56. else57. {58. mData=-step;59. }60. } else {61. if(mData>=0)62. {63. mData=-awidth;64. }65. else66. {67. mData+=step;68. }69. }70.71. obox.style.marginLeft=mData+"px";72.73. if (isStop) return;74.75. setTimeout(s,speed)76. }77.。
DIV+CSS京东商城产品分类适合所有版本家関电器大廉电-洗衣机甲梗电視.大家电•炜R咼甲稻虎闷生牯电器-腔器电夏斗.家用电器大彖电-洗衣机平棱电視…. 生活电哥-玻尘器电凳斗.第一步:在你所用的模板的css文件中加上以下代码[Copy to clipboard]View Code CSS101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 798081828384858687888990919293949596979899100101102103104105106107108109110.my_left_category{width211px;font-size12px;}.my_left_category h1{ background-imageurl; height20px;background-repeatno-repeat; font-size14px; font-weightbold;padding-left15px; padding-top8px; margin0px; color#FFF;}.my_left_category .my_left_cat_list{ width209px;border-color#ce2020; border-stylesolid;border-width0px 1px 1px 1px; line-height13.5pt;}.my_left_category .my_left_cat_list h2 { margin0px;padding3px 5px 0px 9px;}.my_left_category .my_left_cat_list h2 a{ color#d6290b;font-weightbold; font-size14px;line-height22px;}.my_left_category .h2_cat{ width209px;height26px; background-imageurl; background-repeatno-repeat; line-height26px; font-weightnormal; color#333333; positionrelative;}.my_left_category a{ font12px;text-decorationnone; color#333333;}.my_left_category ahover{ text-decorationunderline; color#ff3333;} .my_left_category h3{ margin0px; padding0px;height26px;font-size12px;font-weightnormal;displayblock;padding-left8px;}.my_left_category h3 span{color#999999; width145px; floatright;}.my_left_category h3 a{ line-height26px;}.my_left_category .h3_cat{displaynone;width204px;positionabsolute;left184px;margin-top-26px;cursorauto;}.my_left_category .shadow{positioninherit;backgroundurl left top;width204px;}.my_left_category .shadow_border{positioninherit;width200px;border1px solid #959595; margin-top1px;border-left-width0px;backgroundurl no-repeat 0px 21px;background-color#ffffff;margin-bottom3px}.my_left_category .shadow_border ul{margin0; padding0; margin-left15px}.my_left_category .shadow_border ul li {list-stylenone;padding-left10px;background-imageurl;background-repeatno-repeat;background-position0px 8px;floatleft;width75px;height26px;overflowhidden;}.my_left_category .active_cat{ z-index99;background-position0 -25px;cursorpointer;} .my_left_category .active_cat h3 { font-weightbold} .my_left_category .active_cat h3 span{ displaynone;} .my_left_category .active_cat div{displayblock;}第二步:模板文件夹的内容改为:[Copy to clipboard]View Code HTML101112131415161718192021222324252627282930313334353637383940414243444546 meta http-equiv=Content-Type content=texthtml; charset=gbk div class=my_left_category h1 商品分类h1div class=my_left_cat_list{assign var=pre_item_level value=-1}!--{foreach from=cat_list(0,0,false,3,false) item=cat}--{if $ lt 2 && $pre_item_level gt 0}divdiv{if}{if $ eq 0}h2a href={$}{$}ah2{elseif $ eq 1}div class=h2_cat onmouseover=='h2_cat active_cat' onmouseout=='h2_cat'h3span - {$}spana href={$}{$}ah3div class=h3_catdiv class=shadowdiv class=shadow_borderul{elseif $ eq 2}lia href={$}{$}ali{if}{assign var=pre_item_level value=$}!--{foreach}--{if $pre_item_level gt 0}uldivdivdiv{if}meta第三步:把用到的图片拷贝到模板文件夹的images 目录完成!注:京东的二级分类名称旁边列了2 个三级分类名称(灰色) , 作为三级分类的提示。
购物清单(客户留存)订单编号:xxxxxxx 订购时间:2013-05-28 13:40:38 客户姓名:谢华伟商品总数:1订单支付金额:¥289.00家用电器、手机数码、电脑产品、日用百货,尽在京东商城家用电器、手机数码、电脑产品、百货食品、图书音像……尽在京东提醒您:如查询有关退换货事宜,请参见此页背面售后服务承诺1.京东商城保证按照国家法律规定为销售商品提供正规的售后保障。
2.在符合售后退换货政策的前提下,商品自售出之是(以实际收货日期为准)起7日内可以退货,15日内可以换货。
针对不同商品品类有细则说明,详见->售后服务->退换政策,直接链接http///help/question-97.html3.退换/换货/维修申请提交便捷,遇到商品问题,请先登录京东商城官方网.依次点击“我的京东->客户服务->返修/退换货”选择问题商品提交申请单,售后客服人员会及时受理并帮助您进行后续处理。
售后处理流程商品编号商品名称数量价格小计328144 佳能(Canon)NPG-51黑色墨粉 1 289.00 289.00360buy 京东商城商品总金额:289.00元 + 运费:0.00元 - 优惠:0.00元 - 余额:0.00元4.售后服务进行过程中,您可以随时查阅处理进度。
请先登录京东商城官方网.依次点击“我的京东->客户服务->返修/退换货->查看返修退换货记录”,找到对应商品提交记录,点击“查看”即可。
5.京东商城售后承诺,自收到返回商品确认齐全,认定存在故障,在100分钟内处理完一切售后问题。
6.您也可以通过邮件方式与京东客服人员取得联系,我们将及时回复,邮箱******************流程中各阶段的详情描述您可以登陆“->售后服务->退换货流程”直接链接:http///help/question-98.html为了保证享受京东商城高效、优质的售后服务,请您在将商品返回京东商城时,将以下信息填好,并沿虚线剪下,随同商品一起递回。
DIV+CSS京东商城产品分类适合所有版本第一步:在你所用的模板的css文件中加上以下代码[Copy to clipboard]View Code CSS1011121314151617181920212224 25 26 27 28 29 30 31 32 33 34 35 36 37 3840 41 42 43 44 45 46 47 48 49 50 51 52 53 5456 57 58 59 60 61 62 63 64 65 66 67 68 69 7072 73 74 75 76 77 78 79 80 81 82 83 84 85 8688 89 90 91 92 93 94 95 96 97 98 99 100 101 102104105106107108109110.my_left_category{width211px;font-size12px;}.my_left_category h1{background-imageurl(imagesspring_06.jpg); height20px;background-repeatno-repeat;font-size14px;font-weightbold;padding-left15px;padding-top8px;margin0px;color#FFF;}.my_left_category .my_left_cat_list{ width209px;border-color#ce2020;border-stylesolid;border-width0px 1px 1px 1px;line-height13.5pt;}.my_left_category .my_left_cat_list h2 { margin0px;padding3px 5px 0px 9px;}.my_left_category .my_left_cat_list h2 a{ color#d6290b;font-weightbold;font-size14px;line-height22px;}.my_left_category .h2_cat{width209px;height26px;background-imageurl(imagesmy_menubg.gif); background-repeatno-repeat;line-height26px;font-weightnormal;color#333333;positionrelative;}.my_left_category a{font12px;text-decorationnone; color#333333;}.my_left_category ahover{ text-decorationunderline; color#ff3333;}.my_left_category h3{ margin0px;padding0px;height26px;font-size12px;font-weightnormal;displayblock;padding-left8px;}.my_left_category h3 span{color#999999; width145px; floatright;} .my_left_category h3 a{ line-height26px;}.my_left_category .h3_cat{displaynone;width204px;positionabsolute;left184px;margin-top-26px;cursorauto;}.my_left_category .shadow{positioninherit;backgroundurl(imagesshadow_04.gif) left top;width204px;}.my_left_category .shadow_border{positioninherit;width200px;border1px solid #959595; margin-top1px;border-left-width0px;backgroundurl(imagesshadow_border.gif) no-repeat 0px 21px;background-color#ffffff;margin-bottom3px}.my_left_category .shadow_border ul{margin0; padding0; margin-left15px} .my_left_category .shadow_border ul li {list-stylenone;padding-left10px;background-imageurl(imagesmy_cat_sub_menu_dot.gif);background-repeatno-repeat;background-position0px 8px;floatleft;width75px;height26px;overflowhidden;}.my_left_category .active_cat{ z-index99;background-position0 -25px;cursorpointer;}.my_left_category .active_cat h3 { font-weightbold}.my_left_category .active_cat h3 span{ displaynone;}.my_left_category .active_cat div{displayblock;}第二步:模板文件夹的 librarycategory_tree.lbi内容改为:[Copy to clipboard]View Code HTML101113 14 15 16 17 18 19 20 21 22 23 24 25 26 2729 30 31 32 33 34 35 36 37 38 39 40 41 42 434546meta http-equiv=Content-Type content=texthtml; charset=gbk div class=my_left_categoryh1商品分类h1div class=my_left_cat_list{assign var=pre_item_level value=-1}!--{foreach from=cat_list(0,0,false,3,false) item=cat}--{if $cat.level lt 2 && $pre_item_level gt 0}divdiv{if}{if $cat.level eq 0}h2a href={$cat.url}{$escapehtml}ah2{elseif $cat.level eq 1}div class=h2_cat onmouseover=this.className='h2_cat active_cat' onmouseout=this.className='h2_cat'h3span - {$cat.cat_descescapehtml}spana href={$cat.url}{$escapehtml}ah3div class=h3_catdiv class=shadowdiv class=shadow_borderul{elseif $cat.level eq 2}lia href={$cat.url}{$escapehtml}ali{if}{assign var=pre_item_level value=$cat.level}!--{foreach}--{if $pre_item_level gt 0}uldivdivdivdiv{if}meta第三步:把用到的图片拷贝到模板文件夹的images目录完成!注:京东的二级分类名称旁边列了2个三级分类名称(灰色),作为三级分类的提示。
ecshop网站项目软件需求规格说明书拟制陈强日期2010-12-6 评审人日期批准日期签发日期changshahuri IT Co., Ltd.长沙华瑞软件学院All rights reserved版权所有侵权必究目录1. 简介 (3)1.1. 编写目的 (3)让您更了解ECSHOP的各方面功能,以及对ECSHOP更深的了解。
(3)1.2. 适用范围 (3)1.2.1. 软件名称 (3)1.2.2. 软件功能 (3)1.2.3. 软件应用 (4)1.3. 定义及关键词 (4)1.4. 参考资料 (5)1.5. 项目流程 (5)登录总体概述 (5)1.6. 软件概述 (6)1.6.1. 项目介绍 (6)1.6.2. 产品环境介绍 (6)1.7. 软件模块 (7)1.8. 角色ACTORS (8)2. 功能需求 (9)2.1. 需求分析 (9)2.1.1. 商品前台展示 (9)2.1.2. 商品后台管理 (13) (22)2.1.3. 会员管理 (22)2.1.4. 订单管理 (30)2.1.5. 后台权限管理 (41)表目录表1. 关键词 (4)1. 简介1.1. 编写目的让您更了解ecshop的各方面功能,以及对ecshop更深的了解。
1.2. 适用范围1.2.1. 软件名称ECShop 英文全称为e-Commerce Shop,中文全称为ECShop 网上商店管理系统,简称ECShop1.2.2. 软件功能1.前台:用户注册模块、用户登录模块、用户中心模块、购物车管理模块、商品展示模块、留言板模块。
(1)前台会员注册客户想要进行网上购物就必须先进行注册(当然作为游客购物,可以直接联系管理进行购物)(2)前台会员登录客户想要购买商品需要先进行登录(3)用户中心此模块包括欢迎页、用户信息、我的订单、收货地址、我的留言、缺货登记、我的评论、资金管理、我的积分。
欢迎页:显示会员上次登录的信息及有关积分、订单的一些信息。
ECSHOP商品属性定制定做,属性批量购买教程由于很多用户需要加上商品自定义吃寻大小等如图首先在\admin\templates\goods_info.htm里面找到属性与规格的位置发现他调用了{$goods_attr_html}这个页面,这个函数的定义在\admin\goods.php 的第444行$smarty->assign('goods_attr_html',build_attr_html($goods['goods_type'], $goods['goods_id']));然后找build_attr_html这个函数,在\admin\includes\lib_goods.php的675行在if语句中加上|| $val['attr_type'] == 3这样就可以在\admin\templates\attribute_info.htm 里面的55行加入input type="radio" name="attr_type" value="3" {if $attr.attr_type eq 3} checked="true" {/if} // 自定义属性然后在添加属性的时候选中这项。
下来在前台即\themes\default\goods.dwt搜”判断属性是复选还是单选“,在循环里加入代码如下:<!--{elseif $spec.attr_type eq 3}--><!-- {foreach from=$spec.values item=value key=key} --> <label for="spec_value_{$value.id}"><input type='text' name="spec_{$spec_key}" id="{$value.id}" onclick="changePrice()" />{$bel} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><!-- {/foreach} --><input type="hidden" name="spec_list" value="{$key}" /> 现在,我们就要修改后台代码使用户输入后写入数据库中。
ecshop模板ecshop模板中的运算符(1)== 为"eq"(2)!= 为"neq"(3)< 为"lt"(4)<= 为"lte"(5)> 为"gt"(6)>= 为"gte"(7)&&为"and"(8)||为"or"(9)! 为"!"(10)% 为"%"ecshop模板之文件包含在ecshop的模板中,文件的包含也极其重要。
总共有以下几种。
1:{insert_scriptsfiles="文件名称"},主要是包含JS之类的。
比如{insert_scriptsfiles='common.js'}2:,这个主要是包含ecshop 模板中的库文件lbi.用来做公共模板。
3:{insertname='名称'type=参数id=参数},通过调用includes/lib_insert.php文件中的模板显示函数。
格式为insert_名称()函数中smaryt的display和assign方式来显示包含库,通常结合ajax来局部刷新或者是显示结果.ecshop模板之标量声明ecshop模板中,变量或者是模板语句,都是用{}括弧加$变量名称组成的。
比如$name.在ecshop模板中,我们该使用{$name}的写法。
如果是程序的语句段,那么要从{}开始,用{/}结束。
比如模板中的if判断。
{$if条件}执行条件{/if}如果是数组,在ecshop的模板里面,同样是如此写法{$/doc/9f5538311.html,}.你可以直接取得某个数组的值。
不管是多么复杂的数组,多唯数组也可以。
在ecshop模板中,你可以用ecshop 本身的语法,下标的方式来引用变量的值。
模板使用简易说明一、模板系统介绍Ecshop模板系统使用我们自行研发的模板控制系统和著名的PHP开源模板程序Smarty组合而成。
为了方便用户开发模板,还使用了Dreamweaver的模板和库的功能Smarty中文手册:/develop ... -docs-zh-CN/manual/二、模板设计原则二、模板系统文件结构Ecshop根目录/||->其它目录|->themes|->例:default (模板项目目录)|->images (模板图片目录)|->library (模板库目录)|-screenshot.png (模板预览图)|-style.css (模板所使用样式表)|-article.dwt (阅读文章)|-article_cat.dwt (文章列表)|-category.dwt (分类列表)|-compare.dwt (商品比较)|-gallery.dwt (商品图片)|-goods.dwt (商品)|-index.dwt (商城首页)|-respond.dwt (支付)|-secarch_result.dwt (搜索结果)|-shopping_flow.dwt (购物流程)|-snatch.dwt (夺宝奇兵)|-user.dwt (用户中心)各主要页面所用模块图例首页:index.dwt文章列表:article_cat.dwt文章显示:article.dwt商品分类:category.dwt商品比较:compare.dwt商品详情:goods.dwt搜索结果:search_result.dwt夺宝奇兵:snatch.dwtlibrary 说明articles.lbi - 文章列表article_info.lbi - 文章内容article_list.lbi - 文章列表best_goods.lbi - 精品推荐bought_goods.lbi - 购买过此商品的人购买过哪些商品brand_goods.lbi - 品牌的商品cart.lbi - 购物车cart_view.lbi - 查看购物车category_tree.lbi - 商品分类树cat_goods.lbi - 分类下的商品comments.lbi - 用户评论comment_form.lbi - 发表评论的表单consignee.lbi - 收货人信息fittings.lbi - 相关配件footer.lbi - 页脚gallery.lbi - 商品相册goods_detail.lbi - 商品详情goods_info.lbi - 商品基本信息goods_list.lbi - 商品列表help.lbi - 帮助内容history.lbi - 历史记录hot_goods.lbi - 热卖商品invoice_query.lbi - 发货单查询member.lbi - 会员登录区member_info.lbi - 会员信息nav_main.lbi - 主导航new_goods.lbi - 新品上架order_confirm.lbi - 订单确认order_detail.lbi - 订单详情order_view.lbi - 订单信息package_card.lbi - 包装和贺卡pages.lbi - 列表分页page_top.lbi - 页面顶部payment.lbi - 支付方式promotion.lbi - 促销商品properties.lbi - 商品属性register_login.lbi - 购物流程登录和注册related_goods.lbi - 相关商品search_advanced.lbi - 高级搜索表单search_form.lbi - 搜索表单search_result.lbi - 搜索结果shipping.lbi - 配送方式signin.lbi - 会员登录表单snatch_bid.lbi - 夺宝奇兵出价表单snatch_goods.lbi - 夺宝奇兵活动的商品snatch_list.lbi - 夺宝奇兵活动列表snatch_price.lbi - 夺宝奇兵价格列表snatch_result.lbi - 夺宝奇兵活动结果top10.lbi - 销售排行ur_here.lbi - 当前位置user_address.lbi - 会员中心收货人列表user_address_add.lbi - 会员中心添加收货人user_booking.lbi - 会员中心用户缺货登记user_booking_add.lbi - 会员中心用户添加缺货登记user_collect.lbi - 会员中心用户收藏夹user_forgetpassword.lbi - 会员中心找回密码。
京东类目大全编辑整理:尊敬的读者朋友们:这里是精品文档编辑中心,本文档内容是由我和我的同事精心编辑整理后发布的,发布之前我们对文中内容进行仔细校对,但是难免会有疏漏的地方,但是任然希望(京东类目大全)的内容能够给您的工作和学习带来便利。
同时也真诚的希望收到您的建议和反馈,这将是我们进步的源泉,前进的动力。
本文可编辑可修改,如果觉得对您有帮助请收藏以便随时查阅,最后祝您生活愉快业绩进步,以下为京东类目大全的全部内容。
图书、音像、电子书刊热卖爆品电子书刊电子书网络原创数字杂志多媒体图书音像音乐影视教育音像英文原版少儿商务投资英语学习与考试文学传记励志文艺小说文学青春文学传记艺术少儿少儿0-2岁3—6岁7—10岁11—14岁人文社科历史哲学国学政治/军事法律人文社科心理学文化社会科学经管励志经济金融与投资管理励志与成功生活生活健身与保健家庭与育儿旅游烹饪美食科技工业技术科普读物建筑医学科学与自然计算机与互联网电子通信教育中小学教辅教育与考试外语学习大中专教材字典词典港台图书艺术/设计/收藏经济管理文化/学术少儿其他工具书杂志/期刊套装书手机热卖爆品手机通讯手机对讲机运营商合约机选号中心装宽带办套餐手机配件移动电源电池/移动电源蓝牙耳机充电器/数据线苹果周边手机耳机手机贴膜手机存储卡充电器数据线手机保护套车载配件iPhone 配件手机电池创意配件便携/无线音响手机饰品拍照配件手机支架家用电器热卖爆品大家电平板电视空调冰箱洗衣机家庭影院DVD/电视盒子迷你音响冷柜/冰吧家电配件功放回音壁/SoundbarHi—Fi专区电视盒子酒柜厨卫大电燃气灶油烟机热水器消毒柜洗碗机厨房小电料理机榨汁机电饭煲电压力锅豆浆机咖啡机微波炉电烤箱电磁炉面包机煮蛋器酸奶机电炖锅电水壶/热水瓶电饼铛多用途锅电烧烤炉果蔬解毒机其它厨房电器养生壶/煎药壶电热饭盒生活电器取暖电器净化器加湿器扫地机器人吸尘器挂烫机/熨斗插座电话机清洁机除湿机干衣机收录/音机电风扇冷风扇其它生活电器生活电器配件净水器饮水机个护健康剃须刀剃/脱毛器口腔护理电吹风美容器理发器卷/直发器按摩椅按摩器足浴盆血压计电子秤/厨房秤血糖仪体温计其它健康电器计步器/脂肪检测仪五金家装电动工具手动工具仪器仪表浴霸/排气扇灯具LED灯洁身器水槽龙头淋浴花洒厨卫五金家具五金门铃电气开关插座电工电料监控安防电线/线缆数码热卖爆品摄影摄像数码相机单电/微单相机单反相机摄像机拍立得运动相机镜头户外器材影棚器材冲印服务数码相框数码配件存储卡读卡器滤镜闪光灯/手柄相机包三脚架/云台相机清洁/贴膜机身附件镜头附件电池/充电器移动电源数码支架智能设备智能手环智能手表智能眼镜运动跟踪器健康监测智能配饰智能家居体感车其他配件智能机器人无人机影音娱乐MP3/MP4 智能设备耳机/耳麦便携/无线音箱音箱/音响高清播放器收音机MP3/MP4配件麦克风专业音频苹果配件电子教育学生平板点读机/笔早教益智录音笔电纸书电子词典复读机虚拟商品延保服务杀毒软件积分商品家居家装热卖爆品家纺桌布/罩件地毯地垫沙发垫套/椅垫床品套件被子枕芯床单被罩毯子床垫/床褥蚊帐抱枕靠垫毛巾浴巾电热毯窗帘/窗纱布艺软饰凉席灯具台灯节能灯装饰灯落地灯应急灯/手电LED灯吸顶灯五金电器筒灯射灯吊灯氛围照明生活日用保暖防护收纳用品雨伞雨具浴室用品缝纫/针织用品洗晒/熨烫净化除味家装软饰相框/照片墙装饰字画节庆饰品手工/十字绣装饰摆件帘艺隔断墙贴/装饰贴钟饰花瓶花艺香薰蜡烛创意家居宠物生活宠物主粮宠物零食医疗保健家居日用宠物玩具出行装备洗护美容电脑办公热卖爆品电脑整机笔记本超极本游戏本平板电脑平板电脑配件台式机服务器/工作站笔记本配件一体机电脑配件CPU 主板显卡硬盘SSD固态硬盘内存机箱电源显示器刻录机/光驱散热器声卡/扩展卡装机配件组装电脑外设产品移动硬盘U盘鼠标键盘鼠标垫摄像头手写板硬盘盒插座线缆UPS电源电脑工具游戏设备电玩电脑清洁网络仪表仪器游戏设备游戏机游戏耳机手柄/方向盘游戏软件游戏周边网络产品路由器网卡交换机网络存储4G/3G上网网络盒子网络配件办公设备投影机投影配件多功能一体机打印机传真设备验钞/点钞机扫描设备复合机碎纸机考勤机收款/POS机会议音频视频保险柜装订/封装机安防监控办公家具白板文具/耗材硒鼓/墨粉墨盒色带纸类办公文具学生文具财会用品文件管理本册/便签计算器笔类画具画材刻录碟片/附件服务产品上门安装延保服务维修保养电脑软件京东服务厨具热卖爆品烹饪锅具炒锅煎锅压力锅蒸锅汤锅奶锅锅具套装煲类水壶火锅刀剪菜板菜刀剪刀刀具套装砧板瓜果刀/刨多功能刀厨房配件保鲜盒烘焙/烧烤饭盒/提锅储物/置物架厨房DIY/小工具水具酒具塑料杯运动水壶玻璃杯陶瓷/马克杯保温杯保温壶酒杯/酒具杯具套装餐具餐具套装碗/碟/盘筷勺/刀叉一次性用品果盘/果篮酒店用品自助餐炉酒店餐具酒店水具茶具/咖啡具整套茶具茶杯茶壶茶盘茶托茶叶罐茶具配件茶宠摆件咖啡具其他个护化妆热卖爆品清洁用品纸品湿巾衣物清洁清洁工具驱虫用品家庭清洁皮具护理一次性用品面部护肤洁面乳液面霜面膜剃须套装精华眼霜卸妆防晒防晒隔离T区护理眼部护理精华露爽肤水身体护理沐浴润肤颈部手足纤体塑形美胸套装精油洗发护发染发/造型香薰精油磨砂/浴盐手工/香皂洗发护发染发磨砂膏香皂口腔护理牙膏/牙粉牙刷/牙线漱口水套装女性护理卫生巾卫生护垫私密护理脱毛膏其他洗发护发洗发护发染发造型假发套装美发工具脸部护理香水彩妆香水底妆腮红眼影唇部美甲眼线美妆工具套装防晒隔离卸妆眉笔睫毛膏服饰内衣热卖爆品女装T恤衬衫针织衫雪纺衫卫衣马甲连衣裙半身裙牛仔裤休闲裤打底裤正装裤小西装短外套风衣毛呢大衣真皮皮衣棉服羽绒服大码女装中老年女装婚纱打底衫旗袍/唐装加绒裤吊带/背心羊绒衫短裤皮草礼服仿皮皮衣羊毛衫设计师/潮牌男装衬衫T恤POLO衫针织衫羊绒衫卫衣马甲/背心夹克风衣毛呢大衣仿皮皮衣西服棉服羽绒服牛仔裤休闲裤西裤西服套装大码男装中老年男装唐装/中山装工装真皮皮衣加绒裤卫裤/运动裤短裤设计师/潮牌羊毛衫内衣文胸女式内裤男式内裤睡衣/家居服塑身美体泳衣吊带/背心抹胸连裤袜/丝袜美腿袜商务男袜保暖内衣情侣睡衣文胸套装少女文胸休闲棉袜大码内衣内衣配件打底裤袜打底衫秋衣秋裤情趣内衣洗衣服务服装洗护服饰配件。
ecshop网站项目软件需求规格说明书项目名称文档编号ecshop D001项目ID 密级:机密P001 共44页拟制陈强日期2010-12-6 评审人日期批准日期签发日期changshahuri IT Co., Ltd.长沙华瑞软件学院All rights reserved版权所有侵权必究目录1. 简介 (3)1.1. 编写目的 (3)让您更了解ECSHOP的各方面功能,以及对ECSHOP更深的了解。
(3)1.2. 适用范围 (3)1.2.1. 软件名称 (3)1.2.2. 软件功能 (3)1.2.3. 软件应用 (4)1.3. 定义及关键词 (4)1.4. 参考资料 (5)1.5. 项目流程 (5)登录总体概述 (5)1.6. 软件概述 (6)1.6.1. 项目介绍 (6)1.6.2. 产品环境介绍 ....................................... 错误!未定义书签。
1.7. 软件模块 (6)1.8. 角色ACTORS (7)2. 功能需求 (8)2.1. 需求分析 (8)2.1.1. 商品前台展示 (8)2.1.2. 商品后台管理 (12) (21)2.1.3. 会员管理 (21)2.1.4. 订单管理 (29)2.1.5. 后台权限管理 (40)表目录表1. 关键词 (4)1. 简介1.1. 编写目的让您更了解ecshop的各方面功能,以及对ecshop更深的了解。
1.2. 适用范围1.2.1. 软件名称ECShop 英文全称为e-Commerce Shop,中文全称为ECShop 网上商店管理系统,简称ECShop1.2.2. 软件功能1.前台:用户注册模块、用户登录模块、用户中心模块、购物车管理模块、商品展示模块、留言板模块。
(1)前台会员注册客户想要进行网上购物就必须先进行注册(当然作为游客购物,可以直接联系管理进行购物)(2)前台会员登录客户想要购买商品需要先进行登录(3)用户中心此模块包括欢迎页、用户信息、我的订单、收货地址、我的留言、缺货登记、我的评论、资金管理、我的积分。
纯DIV+CSS实现京东商城分类(不需jquery)适合所有版本ecshop模板堂()第一步:在你所用的模板的css文件中加上以下代码.my_left_category{width:211px;font-size:12px;}.my_left_category h1{background-image:url(images/spring_06.jpg);height:20px;background-repeat:no-repeat;font-size:14px;font-weight:bold;padding-left:15px;padding-top:8px;margin:0px;color:#FFF;}.my_left_category .my_left_cat_list{width:209px;border-color:#ce2020;border-style:solid;border-width:0px 1px 1px 1px;line-height:13.5pt;}.my_left_category .my_left_cat_list h2 {margin:0px;padding:3px 5px 0px 9px;}.my_left_category .my_left_cat_list h2 a{color:#d6290b;font-weight:bold;font-size:14px;line-height:22px;}.my_left_category .h2_cat{width:209px;height:26px;background-image:url(images/my_menubg.gif);background-repeat:no-repeat;line-height:26px;font-weight:normal;color:#333333;position:relative;}.my_left_category a{font:12px;text-decoration:none;color:#333333;}.my_left_category a:hover{text-decoration:underline;color:#ff3333;}.my_left_category h3{margin:0px;padding:0px;height:26px;font-size:12px;font-weight:normal;display:block;padding-left:8px;}.my_left_category h3 span{color:#999999; width:145px; float:right;} .my_left_category h3 a{ line-height:26px;}.my_left_category .h3_cat{display:none;width:204px;position:absolute;left:184px;margin-top:-26px;cursor:auto;}.my_left_category .shadow{position:inherit;background:url(images/shadow_04.gif) left top;width:204px;}.my_left_category .shadow_border{position:inherit;width:200px;border:1px solid #959595; margin-top:1px;border-left-width:0px;background:url(images/shadow_border.gif) no-repeat 0px 21px;background-color:#ffffff;margin-bottom:3px}.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}.my_left_category .shadow_border ul li {list-style:none;padding-left:10px;background-image:url(images/my_cat_sub_menu_dot.gif);background-repeat:no-repeat;background-position:0px 8px;float:left;width:75px;height:26px;overflow:hidden;}.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;}.my_left_category .active_cat h3 { font-weight:bold}.my_left_category .active_cat h3 span{ display:none;}.my_left_category .active_cat div{display:block;}第二步:模板文件夹的library/category_tree.lbi内容改为:<meta http-equiv="Content-Type" content="text/html; charset=gbk">< div class="my_left_category">< h1>商品分类</h1>< div class="my_left_cat_list">{assign var="pre_item_level" value=-1}< !--{foreach from=cat_list(0,0,false,3,false) item=cat}-->{if $cat.level lt 2 && $pre_item_level gt 0}< /ul></div></div></div></div>{/if}{if $cat.level eq 0}< h2><a href="{$cat.url}">{$|escape:html}</a></h2>{elseif $cat.level eq 1}< div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">< h3><SPAN> - {$cat.cat_desc|escape:html}</SPAN><a href="{$cat.url}">{$|escape:html}</a></h3>< div class="h3_cat">< div class="shadow">< div class="shadow_border">< ul>{elseif $cat.level eq 2}< li><a href="{$cat.url}">{$|escape:html}</a></li>{/if}{assign var="pre_item_level" value=$cat.level}< !--{/foreach}-->{if $pre_item_level gt 0}< /ul></div></div></div></div>{/if}</div>< /div>第三步:把用到的图片拷贝到模板文件夹的images目录ok完成!注:京东的二级分类名称旁边列了2个三级分类名称(灰色),作为三级分类的提示。
如何修改ECSHOP模板及了解相关标签要想彻底了解ecshop,我们就要懂得ecshop标签的功能,了解了这些我们使用起来ecshop也就如鱼得水了。
页面关键字:{$keywords}页面标题:{$page_title}产品分类:父分类列表 {foreach from=$categories item=cat }父分类超链接[url==”{$cat.url}”>{$|escape:html}</a>相对应子分类 {foreach from=$cat.children item=child}子分类超链接[url==”{$child.url}”>{$|escape:html}</a>促销产品:{if $promotion_info} 检验是否存在促销产品,不存在就不显示相关信息促销产品列表:{foreach from=$promotion_info item=item key=key} 订单查询:{if empty($order_query)}订单用户ID {if $order_er_id}订单数量:{$lang.order_number}订单编号:{$order_query.order_sn}发货查询:{if $invoice_list}发货列表:{foreach from=$invoice_list item=invoice}订单号名称:{$lang.order_number}订单号:{$invoice.order_sn}发货单名称:{$lang.consignment}发货单号:{$invoice.invoice_no}销售排行:{if $top_goods}销售列表:{foreach name=top_goods from=$top_goods item=goods}产品短名称:{$goods.short_name}下面来看一个例子:<!– {foreach name=top_goods from=$top_goods item=goods}–><li class=”top10-li-{$smarty.foreach.top_goods.iteration}”>[url==”{$goods.url}”title=”{$|escape:html}”>{$goods.short_name}</a></li><!–{/foreach}–>精品推荐:{if $best_goods}精品推荐列表:{foreach from=$best_goods item=goods}市场价名称:{$lang.market_price}市场价价格:{$goods.market_price}促销价名称:{$lang.promote_price}促销价价格:{$goods.promote_price}商店价名称:{$lang.shop_price}商店价价格:{$goods.shop_price}{$lang.xxxx_xxxx}以lang开头的为相对应的名称{$goods.xxxx_xxxx}以goods开头的为价格{$page_title} 网站标题{$keywords} 网站关键字标签{$description} 网站描述标签{$shop_notice} 商店公告$new_articles 新文章{$article.short_title} 调用文章标题{foreach from=$new_articles item=article} 循环的开始{/foreach} 循环的结束from=$best_goods 表示循环的内容来自$best_goods$best_goods 精品商品推荐的标签{$goods.short_style_name} 表示goods 这个对象的商品名称$new_goods 新品上市$hot_goods 热卖商品$categories 分类的标签$goods_list 商品标签商品图片: <img src= {$goods.goods_img} />商品名称:{$goods.goods_style_name}商品货号:{$goods.goods_sn}<br>商品品牌: {$goods.goods_brand}商品数量:{$goods.goods_number}单位:{$goods.measure_unit}添加时间:{$goods.add_time}市场价格:{$goods.market_price}本店价格:{$goods.shop_price_formated}注册用户价格:{$rank_price.price}注册用户价格:{$rank_price.price}注册用户价格:{$rank_price.price}ECSHOP模板安装,模板设置―模板选择1、首先下载你需要的风格模板,解压后,将风格模板上传到网店的根目录下的themes文件夹呢,如图 1 所示:2、将图1 中joyo风格目录通过ftp上传到网店的根目录下的themes文件夹, 如图 2 所示.3、然后,来到网店后台,找到模板选择,如图 3 所示:4、进入之后可以看到我们刚才上传的joyo风格,点击缩略图进行选择,然后点击确定,如图 4 所示:5、确定后就会提示你选择成功,如图 5 所示:6、现在新风格已经启用了,如果想备份当前模板,可以点击备份当前模板,程序将会自动打包然后弹出下载框供下载备份,如图 6 所示:设置模板设置模板主要用来设置 ECShop 页面各个模块的显示位置,管理员可以在后台根据自己的要求调整模板模块的显示位置。
第一步:在你所用的模板的css文件中加上以下代码.my_left_category{width:211px;font-size:12px;}.my_left_category h1{background-image:url(images/spring_06.jpg);height:20px;background-repeat:no-repeat;font-size:14px;font-weight:bold;padding-left:15px;padding-top:8px;margin:0px;color:#FFF;}.my_left_category .my_left_cat_list{width:209px;border-color:#ce2020;border-style:solid;border-width:0px 1px 1px 1px;line-height:13.5pt;}.my_left_category .my_left_cat_list h2 {margin:0px;padding:3px 5px 0px 9px;}.my_left_category .my_left_cat_list h2 a{color:#d6290b;font-weight:bold;font-size:14px;line-height:22px;}.my_left_category .h2_cat{width:209px;height:26px;background-image:url(images/my_menubg.gif);background-repeat:no-repeat;line-height:26px;font-weight:normal;color:#333333;position:relative;}.my_left_category a{font:12px;text-decoration:none;color:#333333;}.my_left_category a:hover{text-decoration:underline;color:#ff3333;}.my_left_category h3{margin:0px;padding:0px;height:26px;font-size:12px;font-weight:normal;display:block;padding-left:8px;}.my_left_category h3 span{color:#999999; width:145px; float:right;}.my_left_category h3 a{ line-height:26px;}.my_left_category .h3_cat{display:none;width:204px;position:absolute;left:184px;margin-top:-26px;cursor:auto;}.my_left_category .shadow{position:inherit;background:url(images/shadow_04.gif) left top;width:204px;}.my_left_category .shadow_border{position:inherit;width:200px;border:1px solid #959595; margin-top:1px;border-left-width:0px;background:url(images/shadow_border.gif) no-repeat 0px 21px;background-color:#ffffff;margin-bottom:3px}.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}.my_left_category .shadow_border ul li {list-style:none;padding-left:10px;background-image:url(images/my_cat_sub_menu_dot.gif);background-repeat:no-repeat;background-position:0px 8px;float:left;width:75px;height:26px;overflow:hidden;}.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;} .my_left_category .active_cat h3 { font-weight:bold}.my_left_category .active_cat h3 span{ display:none;}.my_left_category .active_cat div{display:block;}第二步:模板文件夹的library/category_tree.lbi内容改为:<meta http-equiv="Content-Type" content="text/html; charset=gbk"><div class="my_left_category"><h1>商品分类</h1><div class="my_left_cat_list">{assign var="pre_item_level" value=-1}<!--{foreach from=cat_list(0,0,false,3,false) item=cat}-->{if $cat.level lt 2 && $pre_item_level gt 0}</div></div>{/if}{if $cat.level eq 0}<h2><a href="{$cat.url}">{$|escape:html}</a></h2>{elseif $cat.level eq 1}<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'"><h3><span> - {$cat.cat_desc|escape:html}</span><a href="{$cat.url}">{$|escape:html}</a></h3><div class="h3_cat"><div class="shadow"><div class="shadow_border"><ul>{elseif $cat.level eq 2}<li><a href="{$cat.url}">{$|escape:html}</a></li>{/if}{assign var="pre_item_level" value=$cat.level}<!--{/foreach}-->{if $pre_item_level gt 0}</ul></div></div></div></div>{/if}</meta>第三步:把用到的图片拷贝到模板文件夹的images目录完成!注:京东的二级分类名称旁边列了2个三级分类名称(灰色),作为三级分类的提示。
参考其他网友的做法,这里使用二级类的描述字段cat_desc来实现,【用程序去调取二级类下的前两个三级分类完全是化简为烦的事情。
】但这个效果要修改/includes/lib_common.php 才生效的,当然,不修改也不会出错,只是没有显示罢了。
修改方法:在/includes/lib_common.php 的cat_list函数中找到$sql = “SELECT c.cat_id, c.cat_name,修改为$sql = “SELECT c.cat_id, c.cat_name, c.cat_desc,补充一下:在firefox等浏览器中,如果展开的部分被遮挡(由于父级容器overflow:hidden引起),在.my_left_category的样式中加上position:absolute即可至此全部修改完成示例网站:。