适用所有ecshop版本模板的放大镜(含小图切换大图效果)

适用所有ecshop版本模板的放大镜(含小图切换大图效果)
适用所有ecshop版本模板的放大镜(含小图切换大图效果)

【1】.先下载 mzp.packed.js

下载地址:https://www.360docs.net/doc/095824630.html,/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.

复制代码

如果很多朋友发现没有效果那检查下是否成功的加载了js代码

【3】在goods.dwt里面添加如下代码:我们以ecshop2.70 default模板为准其他模板依此类推

1.

2.

3.

alt="{$goods.goods_name|escape:html}" width="230px;"/>

4.

5.

6.

class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">

7.

alt="{$goods.goods_name|escape:html}" width="230px;"/>

8.

9.

复制代码

【4】找到库文件 goods_gallery.lbi

改为如下

1.

2.

3.

4.

onmouseup="moveLeft()" onmouseout="scrollStop()">

5.

24.

onmouseup="moveRight()" onmouseout="scrollStop()"

class="spanR">

25. 复制代码 如果很多朋友发现没有效果那检查下是否成功的加载了js代码 【3】在goods.dwt里面添加如下代码:我们以ecshop2.70 default模板为准其他模板依此类推 1. 2. 3. {$goods.goods_name|escape:html} 4. 5. 6. 7. {$goods.goods_name|escape:html} 8. 9. 复制代码 【4】找到库文件 goods_gallery.lbi 改为如下

完美解决ecshop模板属性价格改为直接价格而不是加的价格的问题

ecshop属性价格改为直接价格而不是加的价格的完美解决方案 (附价格项其他美化方法) 网上的ecshop属性价格改为直接价格而不是加的价格的解决方案如下: 打开文件,查找代码includes/lib_common.php function get_final_price中 //如果需要加入规格价格 if ($is_spec_price) { if (!empty($spec)) { $spec_price = spec_price($spec); $final_price += $spec_price; } } 将此处的$final_price += $spec_price;的+号去掉 按照此方法改了,有个很大的bug,那就是其他没有添加属性的商品价格都为0了,我们的解决方案是修改成如下: if ($is_spec_price) { if (!empty($spec)) { $spec_price = spec_price($spec); if($spec_price!=0) $final_price = $spec_price; } }

要改成想京东淘宝那样,直接点击所属属性就显示其相应价格,而且后面不显示加**字样,方法如下: 1.先改商品价格随属性变动而变动 在你所在模板目录下的goods.dwt文件中找到价格那块的字段,找到价格前面的id,找到之后,在goods.dwt文件最底部复制下图画框上面一段,然后在下面粘贴一下,把上面价格里的id改到这块即可。 此图就是修改后的效果。 2.干掉加**字样 同样在该goods.dwt页,搜索{$https://www.360docs.net/doc/095824630.html,bel} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] 替换成{$https://www.360docs.net/doc/095824630.html,bel} {if $value.price gt 0}{elseif $value.price lt 0}{/if} 记得是全替换,大概有二三处,其实直接删掉也没问题的哦 3.最终效果如图

【参考文档】ppt文字放大镜划过效果-word范文模板 (4页)

本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除! == 本文为word格式,下载后可方便编辑和修改! == ppt文字放大镜划过效果 篇一:关于PS中动态放大镜效果的制作 关于PS中动态放大镜效果的制作!(纯属原创,转载声明) 最近是对PS比较感兴趣,偶尔到百度上搜索了一下,发现很多人对制作动态放大镜效果比较感兴趣,但是从提问回答情况来看,回答者要么是给的静态放大 镜效果的制作方法,要么是回答PS没有此功能,建议用FLASH做。经过本人的一些实践,将自己关于PS中动态放大镜效果的制作经验写出来,希望对大家有用。 -----------------------------割割割---------------------------------------------------------- -------------------------------割割割----------------------------------------------------- 以文字动态放大镜效果为例 具体步骤如下: 1:新建背景图层,填充色为白色; 2:选用横排文字工具,输入自己喜欢的文字如(我是齐天大圣孙悟空),调整到合适大小(较大,我选的是280号),栅格化文字。 3:ctrl+E合并图层,并复制,命名为图层1 。 4:shift+ctrl+N 新建图层2,选用横排文字工具,输入与图层一相同文字 (我是齐天大圣孙悟空),ctrl+T调整大小(较小大概是72号),使得图层2与图层1中对应的字大概在一个位置。 5:shift+ctrl+N 新建图层3,选择圆形选框工具,建立区域。 6:ctrl+T调整选取位置及大小,保证可以完全覆盖住图层1中的单个字体; 7:选取图层3 ,给选区内填充背景色白色。 8:双击图层3缩略图,设置填充不透明度为0,挖空为深,其他不变,确定:

幼儿园大班科学活动:放大镜

幼儿园大班科学活动:放大镜 设计思路 放大镜是生活中常见的用品,是科学探索活动中不可或缺的基本工具。如果以“放大镜”开展一个探索活动,可以“放大”的是什么呢?这是我在设计之初聚焦的问题。 用放大镜看物体,除了“放大”还会有什么奇妙的发现?这个问题能够萌发幼儿对生活中放大现象的好奇和猜想,而“好奇”正是引导幼儿喜欢探究的最佳途径。因此,我决定活动中要放大的是“放大镜看物体后的奇妙现象”,激活中班幼儿的好奇心、探索心。 从功用来看,“放大镜”是用来“看”的,所以,我顺理成章地将活动目标设计为引导幼儿建构“观察的经验”,拓展他们的观察视角。 活动目标 1.观察、比较,想象常见物体在放大镜下奇妙的视觉效果。 2.尝试使用放大镜进行细致的观察。 对照《3~6岁儿童学习与发展指南》“科学探究”部分,可以发现探究的目标有三个维度:情感态度——喜欢探究是前提;方法能力——探究,是关键性目标;在探究中,周围事物和现象是载体目标。本活动的环节设计紧扣这三个维度,用想象激活幼儿的好奇;用使用工具、尝试操作、积累探索能力之一的“观察”经验,伴随前两个环节和第三个环节,让幼儿对周围事物和对放大镜等有了新的经验。应该说,这也是我对《3~6岁儿童学习与发展指南》的一种解读和表达。 活动准备 1.幼儿有正确使用放大镜的经验。 2.每人一份观察用的图片。 3.欣赏用的PPT。 活动过程 一、观察和猜想 关键提问: 1.看,想象一下,这像什么? 它是一种动物所拥有的,猜想一下,可能是谁拥有的呢? 【设计意图:先观察然后想象,想象不仅能够促进幼儿再次观察,而且能够让幼儿进一步感受到放大镜下物体的奇妙视觉效果。】 总结要素: *教师肯定幼儿的想象,如:这像某某,某某很漂亮,它是蝴蝶的翅膀。 *引出产生奇妙视觉效果的工具:放大镜。如:这是高倍放大镜,它能放大蝴蝶美丽的翅膀,让人看得更清晰。 关键提问: 2.听,这是谁的声音?(先放一段鸟鸣声) 想象一下,小鸟的羽毛在高倍放大镜下会是怎样的呢? 【设计意图:设计先听后想象有两个作用:其一,在活动中让幼儿体验多种感官的运用;其二,幼儿这一次的想象基于上一次奇妙视觉效果,幼儿会更加期

ECshop模板制作教程

ECshop模板制作教程 我是一个EC新手,EC就算做再多的模板,肯定也满足不了我们的需要,更何况各行有各行的门道,EC统一做出来的模板也不一定合适于我们这个行业用,因此,只有我们真正掌握了自己做模板,修改模板的功夫,才能真正的打造适合自己的电子商务平台,真正打造符合自己行业内的客户习惯的电子商务平台。 首先欢迎各位浏览本教程,恭喜大家使用 ECshop,!EC有多好,ECshop是PHP 构建的,PHP的应用我也不想多说了(亚马逊:https://www.360docs.net/doc/095824630.html,,雅虎:https://www.360docs.net/doc/095824630.html,,百度:https://www.360docs.net/doc/095824630.html,淘宝:https://www.360docs.net/doc/095824630.html,新浪:https://www.360docs.net/doc/095824630.html,,腾讯:https://www.360docs.net/doc/095824630.html,),(ps: ECshop成功了!在这一刻,他是伟大电子商务的传承,他不是一个人在战斗,他不是一个人 -_-!!! ) 我也不多讲了大家都知道,不过有时候热爱潜水的我真的时是实在忍不住要跳出来说两句. 本教程适用于了解 ECshop 和 ECshop模板DIY 以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器(exp:Dreamweaver, editplus, emacs, vi, ee …意思就是可视化的HTML编辑器或者直接文本编辑器,我在讲的时候用Dreamwaver来讲,这样比较适合初学者和设计师)。这个教程目前由我一个人维护,但我相信,过不了多久就会有多人持续地维护。其中的内容需要不断地更新。如果您有兴趣参加,嘿嘿,PM我。我们一起为大家服务啊. 通过对本教程的学习,只要您边看边跟着做,一定能够学会自己做模板的。:) 下列章节的适用于ECshop程序。同时这里许多内容和一些 Smarty相关。假如您已经熟悉这些内容可跳过不阅读。假如您是ECshop新手并且想diy一下自己的店铺,那您应该认真详细地从头到尾读一遍这些章节。( ps: 大家不要紧张,我会尽量用人类的语言和大家交流,实在万不得已才会用机器语言展示给大家 ) 希望大家能够通过本教程,想要什么模板都能自己做出来。哈哈!一起加油吧! 第一章节: 读取这些内容,您将了解: 每个前台页面所对应的模板页面,模板文件的目录结构。 一些最基本的ECshop模板修改方法。 模板的路径以及相关包含文件的方法(深入了解Dreamweaver模板制作)。 一些常用模板例子讲解. 模板存放路径: ecshop/themes/xxxxx 其中的xxxxx就是某一套模板,如系统一般会自带的

ECSHOP模板头部修改

今天开始从头部进行修改,头部的话针对的是所有的页面,你可以把头部做成一个公用文件,不过由于调用的JS和一些样式的不同也可以分开来做,如果要做成公共头文件的话,要把所有页面都会调用的JS和CSS加载上,不过东西也不多的,下面我就做成一个公共文件来用。 先讲一下每个页面的关键字:{$keywords},这是使用的smarty模板变量用来输出。“{}”是用来规定标签的开始与结束位置,有些类似于PHP中的“”,原理是一样的,中间的变量$keywords是从后台PHP文件中传输过来的变量,里面存储有值,{$keywords}就是把里面的值进行输出,由于{$keywords}和{$page_title}(页面标题的输出,在title标签间输出)是包含在head标签中的,所以我们可以不用动它们,不必把它们写进公共头文件。在head 标签中还有一个{insert_scripts files=','},它是用来调用JS文件的,如所见,它调用了,两个JS文件,head内的我们都不做为公共头文件,不过一会在公共头文件中我们会用到这个调用JS的方式,把所有要用到的JS文件调用进来。 首先新建一个公共头文件与其它*.dwt文件放一起,在第一行我们调用所有的JS文件:{insert_scripts files=',,auto_,,,,,,shopping_,,,,,'} JS文件很多,但不是每个页面都会用到所有的JS文件,或都有的页面已经在head中调用了一些需要使用的JS文件,有与我们写的JS文件重复的,没有关系,我们只是为了做一个公共文件,不用在每个页面都单独再去调用,有重复不会有任何影响。 下来我们来确定一下的字符集设置: 我使用的是gbk字符集,如果你使用的是utf-8的话,就要把字符集进行相应设置。 下面是一段JS代码: 设置它是为了防止有些页面调用JS页面时出现加载错误而无法正常运行程序。 下面是对LOGO图片的设置:

ecshop模板结构说明及标签(二次开发使用)

ECSHOP 模板结构说明(适用版本v2.1.5+) 名称类型备注(作用或意义)文件(目录)名可否更改images 目录存放模板图片目录不可更改 library 目录存放模板库文件目录不可更改 screenshot.png 图片用于“后台管理-> 模板管理-> 模板选择”显示 模板缩略图。 不可更改 style.css css样式表不可更改 备注:模板文件共32个(格式:.dwt)。 提醒: 1, 更改模板文件里面库文件的内容是无效的,页面刷新时,程序自动重新载入库文件内容到模板文件里(以库文件内容为准)。 2, 模板内所有id值为ECS_ 开头的都必须保留(和ajax相关)。 3, 非库文件内容不可放置到可编辑区域内,否则设置模板时,非库文件内容将被覆盖删除。 activity.dwt 模板文件活动列表页不可更改 article.dwt 模板文件文章内容页不可更改 article_cat.dwt 模板文件文章列表页不可更改 article_pro.dwt 模板文件文章内容页(如免责声明等) 不可更改 auction.dwt 模板文件拍卖商品详情页不可更改 auction_list.dwt 模板文件拍卖商品页不可更改 brand.dwt 模板文件商品品牌页不可更改 brand_list.dwt 模板文件商品品牌列表页不可更改 catalog.dwt 模板文件所有分类页不可更改 category.dwt 模板文件商品列表页不可更改 compare.dwt 模板文件商品比较页不可更改 flow.dwt 模板文件购物车和购物流程页不可更改 gallery.dwt 模板文件商品相册页不可更改 goods.dwt 模板文件商品详情页不可更改 group_buy_goods.dwt 模板文件团购商品详情页不可更改 group_buy_list.dwt 模板文件团购商品列表页不可更改 index.dwt 模板文件首页不可更改message.dwt 模板文件信息提示页不可更改 message_board.dwt 模板文件留言板页不可更改 myship.dwt 模板文件我的配送页不可更改

js放大镜效果

js放大镜效果 鼠标放到一张图片上立刻显示出来这个图片的放大图是不是很炫!下面的代码就可以实现。 Untitled Document