LYECS LYECS电商系统 老杨商城系统 ECSHOP二次开发
赠送两个LYECS专题模板及添加方法
该专题适用行业比较广，带介绍导航
1、下载专题文件：
链接: http://pan.baidu.com/s/1qWCCfKC 密码: w6dc
复制到以下目录：themes/shop/topic_style3.dwt
2、设置方法：
添加专题，设置专题模板为：topic_style3.dwt
3、添加内容
一，专题一的内容，样式参考为：www.techan.com/shengtieguo.html
输入HTML代码：
<div class="container topicMenu">
<h2>
巴马云上瑶乡生铁锅<span>|</span><a title="返回首页" href="/">返回首页</a>
</h2>
<a href="javascript:topicScroll('T5');" class="topicBuy">立即购买</a>
<ul class="topicHead">
<li class="topicHeadFocus" data-position="T1">
<a href="javascript:void(0);">云上瑶乡生铁锅</a>
</li>
<li data-position="T2">
<a href="javascript:void(0);">材料</a>
</li>
<li data-position="T3">
<a href="javascript:void(0);">工艺</a>
</li>
<li data-position="T4">
<a href="javascript:void(0);">最健康</a>
</li>
<li data-position="T5">
<a href="javascript:void(0);">规格参数</a>
</li>
</ul>
</div>
<div class="topicMenu topicBar" style="display:none;">
<div class="container">
<h2>
巴马云上瑶乡生铁锅<span>|</span><a href="/">返回首页</a>
</h2>
<a href="javascript:topicScroll('T5');" class="topicBuy">立即购买</a>
<ul class="topicHead topicBarHead">
<li id="H1" data-position="T1" class="topicHeadFocus">
<a href="javascript:void(0);">云上瑶乡生铁锅</a>
</li>
<li id="H2" data-position="T2">
<a href="javascript:void(0);">材料</a>
</li>
<li id="H3" data-position="T3">
<a href="javascript:void(0);">工艺</a>
</li>
<li id="H4" data-position="T4">
<a href="javascript:void(0);">最健康</a>
</li>
<li id="H5" data-position="T5">
<a href="javascript:void(0);">规格参数</a>
</li>
</ul>
</div>
</div>
<div class="wrap topicContent">
<div id="T1">
<img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/1.jpg" alt="巴马云上瑶乡生铁锅介绍" /> <img usemap="#Map2" src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/2.jpg" alt="巴马云上瑶乡生铁锅介绍1" />
<map id="Map2" name="Map2">
<area href="http://www.techan.com/initCart.html?pid=11885&pcount=1&ptype=1" title="立即购买" coords="40,23,317,456" shape="rect" />
<area href="http://www.techan.com/initCart.html?pid=11886&pcount=1&ptype=1" title="立即购买" coords="428,20,777,456" shape="rect" />
<area href="http://www.techan.com/initCart.html?pid=11887&pcount=1&ptype=1" title="立即购买" coords="832,21,1188,456" shape="rect" />
</map>
</div>
<div id="T2">
<img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/3.jpg" alt="巴马云上瑶乡生铁锅材料" />
</div>
<div id="T3">
<img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/4.jpg" alt="巴马云上瑶乡生铁锅工艺" />
</div>
<div id="T4">
<img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/5.jpg" alt="巴马云上瑶乡生铁锅最健康" /> <img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/6.jpg" alt="巴马云上瑶乡生铁锅最健康1" /> <img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/7.jpg" alt="巴马云上瑶乡生铁锅最健康2" /> <img src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/8.jpg" alt="巴马云上瑶乡生铁锅最健康3" />
</div>
<div id="T5">
<img usemap="#Map" src="http://www.techan.com/themes/techan/topic/bama_shengtieguo/9.jpg" alt="巴马云上瑶乡生铁锅规格参数" />
<map id="Map" name="Map">
<area href="http://www.techan.com/initCart.html?pid=11885&pcount=1&ptype=1" title="立即购买" coords="24,48,343,786" shape="rect" />
<area href="http://www.techan.com/initCart.html?pid=11886&pcount=1&ptype=1" title="立即购买" coords="413,46,779,786" shape="rect" />
<area href="http://www.techan.com/initCart.html?pid=11887&pcount=1&ptype=1" title="立即购买" coords="824,44,1184,786" shape="rect" />
</map>
</div>
<div id="T6">
</div>
<div id="T6">
</div>
<div id="T7">
</div>
<div id="T8">
</div>
</div>
一，专题二的内容，样式参考为：www.techan.com/taiwanguan.html
输入HTML代码：
<div class="container topicMenu"><h2>
台湾馆<span>|</span><a title="特产优联" href="/">返回首页</a>
</h2>
<ul class="topicHead">
<li class="topicHeadFocus" data-position="T1">
<a href="javascript:void(0);">台湾馆</a>
</li>
<li data-position="T2">
<a href="javascript:void(0);">手工牛轧糖</a>
</li>
<li data-position="T3">
<a href="javascript:void(0);">黑糖沙琪玛</a>
</li>
<li data-position="T4">
<a href="javascript:void(0);">杏仁夹心海苔</a>
</li>
<li data-position="T5">
<a href="javascript:void(0);">凤梨酥</a>
</li>
<li data-position="T6">
<a href="javascript:void(0);">黑糖玫瑰四物</a>
</li>
<li data-position="T7">
<a href="javascript:void(0);">黄秋葵</a>
</li>
<li data-position="T8">
<a href="javascript:void(0);">竹炭花生</a>
</li>
</ul>
</div>
<div class="topicMenu topicBar" style="display:none;">
<div class="container">
<h2>
台湾馆<span>|</span><a title="特产优联" href="/">返回首页</a>
</h2>
<ul class="topicHead topicBarHead">
<li id="H1" data-position="T1" class="topicHeadFocus">
<a href="javascript:void(0);">台湾馆</a>
</li>
<li id="H2" data-position="T2">
<a href="javascript:void(0);">手工牛轧糖</a>
</li>
<li id="H3" data-position="T3">
<a href="javascript:void(0);">黑糖沙琪玛</a>
</li>
<li id="H4" data-position="T4">
<a href="javascript:void(0);">杏仁夹心海苔</a>
</li>
<li id="H5" data-position="T5">
<a href="javascript:void(0);">凤梨酥</a>
</li>
<li id="H6" data-position="T6">
<a href="javascript:void(0);">黑糖玫瑰四物</a>
</li>
<li id="H7" data-position="T7">
<a href="javascript:void(0);">黄秋葵</a>
</li>
<li id="H8" data-position="T8">
<a href="javascript:void(0);">竹炭花生</a>
</li>
</ul>
</div>
</div>
<div class="container topicContent">
<div id="T1">
<img src="http://www.techan.com/themes/techan/topic/taiwan/1.jpg" alt="台湾馆介绍" /> <img usemap="#Map" src="http://www.techan.com/themes/techan/topic/taiwan/2.jpg" alt="台湾馆介绍1" border="0" />
<map id="Map" name="Map">
<area href="javascript:topicScroll('T8');" coords="690,557,888,766" shape="rect" /><area href="javascript:topicScroll('T7');" coords="481,558,679,767" shape="rect" /><area href="javascript:topicScroll('T6');" coords="272,558,470,767" shape="rect" /><area href="javascript:topicScroll('T5');" coords="802,329,1000,538" shape="rect" /><area href="javascript:topicScroll('T4');" coords="595,330,793,539" shape="rect" /><area href="javascript:topicScroll('T3');" coords="386,333,584,542" shape="rect" />
<area href="javascript:topicScroll('T2');" coords="177,333,375,542" shape="rect" />
</map>
</div>
<div id="T2">
<a title="手工牛扎糖" href="/niuzhatang.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/3.jpg" alt="手工牛扎糖" /></a>
</div>
<div id="T3">
<a title="沙琪玛" href="/shaqima.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/4.jpg" alt="沙琪玛" /></a>
</div>
<div id="T4">
<a title="杏仁夹心海苔" href="/haitai.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/5.jpg" alt="杏仁夹心海苔" /></a>
</div>
<div id="T5">
<a title="凤梨酥" href="/fenglisu.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/6.jpg" alt="凤梨酥" /></a>
</div>
<div id="T6">
<a title="黑糖玫瑰四物" href="/i/12009.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/7.jpg" alt="黑糖玫瑰四物" /></a>
</div>
<div id="T7">
<a title="黄秋葵" href="/i/12012.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/8.jpg" alt="黄秋葵" /></a>
</div>
<div id="T8">
<a title="竹炭花生" href="/i/12013.html"><img src="http://www.techan.com/themes/techan/topic/taiwan/9.jpg" alt="竹炭花生" /></a>
</div>
</div>
