6.2可视化编辑模板（挂件）添加(课件）-《网店经营》同步教学（华东师范大学出版社）

网 店 装 修 任务二 可视化编辑模板（挂件）添加 1 可视化编辑模板（挂件）添加 在本任务中，了解ECstore系统中内置的挂件（版块）种类，了解如何添加评论挂件，了解如何添加热销排行挂件，了解如何添加即时通讯挂件。 任务介绍 活动一 可视化编辑模板（挂件）添加 - 【活动描述】 我们可以在可视化编辑模板中做挂件添加，分别是评论挂件、热销排行挂件和及时通讯挂件。而在添加挂件之前，我们首先要区分Ecstore系统中的挂件分为系统挂件和模块自带挂件。而接下来我们将详细描述的则是模块自带挂件。 2 可视化编辑模板（挂件）添加 - 【知识链接】 在ECstore系统中，可以把网店的每一个页面（如首页、注册/登录页、会员中心页等）看做是一幅幅的拼图。每一幅拼图都是由不同的拼块组成的。在这一个任务中，我们要学习的“widget”，中文译为“版块”或“挂件”的相关编辑。网页里，版块和挂件就相当于拼块。不同的拼块，不同的拼接方式，构成了不同的图案。每个页面都是由多个版块组成的，每个版块内置了常用功能，这些版块可以在页面中随意移动，从而组成不同的页面。 为了使页面美观大方，我们通常可以见到以下几种形式的额页面布局： “口”字形布局 “国”字形布局 “匡”字形 自由式 3 可视化编辑模板（挂件）添加 - 【知识链接】 系统弹出的对话框，默认为常用版块，包括热卖品牌、首页用户评论、自定义代码挂件、友情链接、首页主商品分类、首页普通商品展示、首页积分兑换赠品、首页主广告、销售排行榜、热销排行、首页横向滚动广告、商品虚拟分类几个选项。 编辑时又分为系统级挂件和模板自带挂件。其中，按前台表现形式对模板自带挂件进行的分类的话，主要有：模板自带挂又有广告相关、商品相关、辅助信息、购物车、文章相关、商品挂件、团购相关、积分兑换、注册登录等挂件；每一分类下，又包含着多种表现形式不同的具体挂件。 第一步 了解ECstore系统中内置的挂件（版块）种类 4 可视化编辑模板（挂件）添加 - 【知识链接】 第二步 添加评论挂件 点击添加挂件 1、在主页合适位置（如商品展示区），点击“添加挂件”按键 5 可视化编辑模板（挂件）添加 - 【知识链接】 点击“添加首页用户评论” 2、如图所示，点击常用版块中的“添加首页用户评论”。 6 可视化编辑模板（挂件）添加 - 【知识链接】 3、如图所示，设置显示出的用户评论条数，并按添加。添加后，可以看到用户最新评论。 设置显示评论条数 显示用户最新评论 7 可视化编辑模板（挂件）添加 - 【知识链接】 第三步 添加热销排行挂件 添加挂件 1、在主页合适位置（如商品展示区），点击“添加挂件”按键，如图所示，选择“添加到上方。 8 可视化编辑模板（挂件）添加 - 【知识链接】 点击“添加”热销排行 2、如图所示，下拉常用版块，直到出现“热销排行”，点击“热销排行”后的中的“编辑”。 9 可视化编辑模板（挂件）添加 - 【知识链接】 编辑“热销排行” 3、如图所示，设置“热销排行”板块出现的内容。其中包括“最多展示数量”、筛选展示商品、排序规则3个部分。 10 可视化编辑模板（挂件）添加 - 【知识链接】 显示热销排行 4、进行上述设置后，将在如图处显示出“热销排行”情况。如果要对显示商品的条件进行修改的话，点击版块上方的“编辑”件即可。 11 可视化编辑模板（挂件）添加 - 【知识链接】 第四步 添加即时通讯挂件 添加挂件 1.在主页合适位置（如商品展示区），点击“添加挂件”按键，如图所示，选择“添加到下方”。 12 可视化编辑模板（挂件）添加 - 【知识链接】 添加“即时通讯”挂件 2.如图所示，依次点击“模板自带挂件”——“辅助功能”——即时通讯，进入编辑页面。。 13 可视化编辑模板（挂件）添加 - 【知识链接】 “即时通讯”挂件编辑 3.如图所示，在这个部分需要设置的有：“跟随方式”、“标题说明文字”以添加即时通讯工具。 14 可视化编辑模板（挂件）添加 - 【知识链接】 显示即时通讯挂件 在添加即时通讯工具时，系统内置的有QQ、MSN、阿里旺旺、Ali Talk和Skype。在添加工具后，需要输入通讯工具号码以及文字说明。通讯工具的前后排列顺序也可以在这里进行编辑。 完成添加后，可点击挂件处的编辑和删除进行相应的修改。 15 $$