编辑“ECShop:设置模板”

__NOTOC__
<span style="float:right; padding:6px; margin-bottom:15px; border:1px solid #000; text-align:center;"><strong>导航:</strong> [[ECShop:ECShop使用|上一级]] | [[ECShop]] | {{Template:ECShop导航}}</span>
<div style="clear:both;"></div>
<p style="text-indent:2em;">设置模板主要用来设置 [[ECShop]] 页面各个模块的显示位置，管理员可以在后台根据自己的要求调整模板模块的显示位置。</p>
<p style="text-indent:2em;">设置方法：进入 ECShop 管理后台 -> 模板管理 -> 设置模板，如图 1 所示：</p>
<div style="width:613px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; ">
[[{{ns:image}}:ec266_1.gif]]</div>
<div style="width:613px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; ">
[[{{ns:image}}:ec266.gif]]</div>
<p style="text-indent:2em;">其中：</p>
<h5>1、库项目</h5>
<p style="text-indent:2em;">库项目为当前模板页中的各个模块名称，比如“搜索表单”、“销售排行”等等。</p>
<h5>2、区域</h5>
<p style="text-indent:2em;">区域为该模块当前显示位置，可供选择的项目有：导航栏下方左侧、导航栏下方右侧、通栏广告位、标语区左侧、标语区右侧、主区域左侧、主区域中间、主区域右侧，共有 8 个位置可供选择，如图 2 所示：</p>
<div style="width:423px; border:1px solid #000; ">
[[{{ns:image}}:ec267.gif]]</div>
<p style="text-indent:2em;">下面举个例子讲解这部分：</p>
<p style="text-indent:2em;">如图 13 所示，“商品分类树”默认是在主区域左侧显示</p>
<div style="width:620px; border:1px solid #000; ">
[[{{ns:image}}:ec268.gif]]</div>
<p style="text-indent:2em;">在后台设置模板处将其区域选择为“主区域右侧”，如图 14 所示：</p>
<div style="width:395px; border:1px solid #000; ">
[[{{ns:image}}:ec269.gif]]</div>
<p style="text-indent:2em;">显示效果如图 15 所示：</p>
<div style="width:620px; border:1px solid #000; ">
[[{{ns:image}}:ec270.gif]]</div>
<h5>3、序号</h5>
<p style="text-indent:2em;">序号用来设置同一位置处的多个模块的显示顺序，顺序越小越靠上显示。</p>
<p style="text-indent:2em;">举例：如图 3 所示，“商品分类树”、“销售排行”、“发货单查询”的序号设置分别为 1、0、2</p>
<div style="width:530px; border:1px solid #000; ">
[[{{ns:image}}:ec271.gif]]</div>
<p style="text-indent:2em;">这个时候前台的显示效果如图 4 所示：“销售排行”在最上面，下来是“商品分类树”，最后才是“发货单查询”</p>
<div style="width:171px; border:1px solid #000; ">
[[{{ns:image}}:ec272.gif]]</div>
<p style="text-indent:2em;">而如果在后台如此设置他们 3 个的序号，如图 5 所示：“商品分类树”、“销售排行”、“发货单查询”的序号设置分别为 0、1、2</p>
<div style="width:531px; border:1px solid #000; ">
[[{{ns:image}}:ec273.gif]]</div>
<p style="text-indent:2em;">则这个时候前台的显示效果如图 6 所示：“商品分类树”在最上面，下来是“销售排行”，最后才是“发货单查询”</p>
<div style="width:172px; border:1px solid #000; ">
[[{{ns:image}}:ec274.gif]]</div>
<h5>4、数量</h5>
<p style="text-indent:2em;">数量设置主要针对商品，有效的模块有：精品推荐、新品上架、热卖商品、促销商品、团购商品、拍卖商品。</p>
<p style="text-indent:2em;">后台默认对这几项的数量设置如图 7 所示：默认都为 3 </p>
<div style="width:526px; border:1px solid #000; ">
[[{{ns:image}}:ec275.gif]]</div>
<p style="text-indent:2em;">前台显示效果如图 8 所示：大于 3 个的商品都显示 3 个商品，小于 3 个则显示 1 个或 2 个</p>
<div style="width:467px; border:1px solid #000; ">
[[{{ns:image}}:ec276.gif]]</div>
<p style="text-indent:2em;">如果我们将“新品上架”的首页显示数量设置为 6 ，如图 9 所示：</p>
<div style="width:526px; border:1px solid #000; ">
[[{{ns:image}}:ec277.gif]]</div>
<p style="text-indent:2em;">则这个时候前台的显示效果如图 10 所示：</p>
<div style="width:467px; border:1px solid #000; ">
[[{{ns:image}}:ec278.gif]]</div>
<h5>5、显示</h5>
<p style="text-indent:2em;">设置该模块是否在当前模板页面显示，如图 11 所示：</p>
<div style="width:593px; border:1px solid #000; ">
[[{{ns:image}}:ec279.gif]]</div>
<h5>6、添加默认不在首页显示的模块到首页显示</h5>
<p style="text-indent:2em;">下面几项内容是默认不在首页显示的，如果需求显示可以在这里添加：</p>
<p style="text-indent:2em;">[+] 分类下的商品</p>
<p style="text-indent:2em;">[+] 品牌的商品</p>
<p style="text-indent:2em;">[+] 文章列表</p>
<p style="text-indent:2em;">[+] 广告位</p>
<p style="text-indent:2em;">添加方法：点击上面几项左侧的[+] ，弹出如图 16 所示的选择项目：</p>
<div style="width:542px; border:1px solid #000; ">
[[{{ns:image}}:ec280.gif]]</div>
<p style="text-indent:2em;">选择显示区域和要显示的商品后“确定”即可。</p>
<p style="text-indent:2em;">我们添加了一个显示在“主区域左侧”的“欧美手机”商品后的显示效果如图 17 所示：</p>
<div style="width:300px; border:1px solid #000; ">
[[{{ns:image}}:ec281.gif]]</div>
<p style="text-indent:2em;">后台“设置模板”这里您可以进行设置的模板有如下 16 个，如图 12 所示：</p>
<div style="width:292px; border:1px solid #000; ">
[[{{ns:image}}:ec282.gif]]</div>
<p style="text-indent:2em;">首页模板</p>
<p style="text-indent:2em;">商品搜索模板</p>
<p style="text-indent:2em;">商品比较模板</p>
<p style="text-indent:2em;">夺宝奇兵</p>
<p style="text-indent:2em;">标签云模板</p>
<p style="text-indent:2em;">拍卖活动列表</p>
<p style="text-indent:2em;">拍卖活动详情</p>
<p style="text-indent:2em;">文章内容模板</p>
<p style="text-indent:2em;">文章分类模板</p>
<p style="text-indent:2em;">商品品牌页</p>
<p style="text-indent:2em;">所有分类页</p>
<p style="text-indent:2em;">商品分类页模板</p>
<p style="text-indent:2em;">购物流程模板</p>
<p style="text-indent:2em;">商品详情模板</p>
<p style="text-indent:2em;">团购商品详情模板</p>
<p style="text-indent:2em;">团购商品列表模板</p>
<p style="text-indent:2em;">您可以按照上面的方法对上面的任意一个模板进行调整，打造出属于您的与众不同的模板！</p>


[[Category:ECShop后台]]