对于没有web编程基础的同学来说,ecshop模板里面有两个文件特别重要, 但是这两个文件同时也很不好理解,分别是index.dwt和style.css. 而且网络上很难找到这两个文件的详细说明,经过好多天摸索,把我的经验和认识记录下来, 不一定完全正确,希望更有经验的同学能出来指导。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //关键字和描述 <meta name="Keywords" content="{$keywords}" /> <meta name="Description" content="{$description}" /> // 可编辑区域,书写首页标题名 <!-- TemplateBeginEditable name="doctitle" --> <title>{$page_title}</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> //图标以及css样式和可替换样式 <link rel="shortcut icon" href="http://blogs.com/153484/favicon.ico" target="_blank" rel="nofollow"> <link rel="icon" href="http://blogs.com/153484/animated_favicon.gif" target="_blank" rel="nofollow"> <link href="http://blogs.com/153484/{$ecs_css_path}" target="_blank" rel="nofollow"> <link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="http://blogs.com/153484/{$feed_url}" target="_blank" rel="nofollow"> //注释文件以及脚本文件 {* 包含脚本文件 *} {insert_scripts files='common.js,index.js'} </head> //主体文件格式 <body> //插入首页头文件 <!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem --> //这个div引用了一个叫做blank的css类 <div class="blank"></div> //定义首页左边区域 <div class="block clearfix"> <!--left start--> <div class="AreaL"> //定义站内公告 <!--站内公告 start--> <div class="box"> <div class="box_1"> <h3><span>{$lang.shop_notice}</span></h3> <div class="boxCenterList RelaArticle"> {$shop_notice} </div> </div> </div> <div class="blank5"></div> <!--站内公告 end--> <!-- TemplateBeginEditable name="左边区域" --> //购物车信息 <!-- #BeginLibraryItem "/library/cart.lbi" --> {insert_scripts files='transport.js'} <div class="cart" id="ECS_CARTINFO"> {insert name='cart_info'} </div> <div class="blank5"></div> <!-- #EndLibraryItem --> //快捷引导目录信息 <!-- #BeginLibraryItem "/library/category_tree.lbi" --> <div class="box"> <div class="box_1"> <div id="category_tree"> //第一层循环 <!--{foreach from=$categories item=cat}--> <dl> <dt><a href="http://blogs.com/153484/{$cat.url}" target="_blank" rel="nofollow"> //第二层循环 <!--{foreach from=$cat.cat_id item=child}--> <dd><a href="http://blogs.com/153484/{$child.url}" target="_blank" rel="nofollow"> //第三层循环 <!--{foreach from=$child.cat_id item=childer}--> <dd> <a href="http://blogs.com/153484/{$childer.url}" target="_blank" rel="nofollow"> <!--{/foreach}--> <!--{/foreach}--> </dl> <!--{/foreach}--> </div> </div> </div> <div class="blank5"></div> // 销量前十的商品 <!-- #EndLibraryItem --> <!-- #BeginLibraryItem "/library/top10.lbi" --> <div class="box"> <div class="box_2"> <div class="top10Tit"></div> <div class="top10List clearfix"> //获取销量前十的商品的图片 <!-- {foreach name=top_goods from=$top_goods item=goods}--> <ul class="clearfix"> <img src="http://blogs.com/images/top_{$smarty.foreach.top_goods.iteration}.gif" rel="nofollow"/> class="iteration" /> <!-- {if $smarty.foreach.top_goods.iteration<4}--> <li class="topimg"> //获取销量前十的商品的缩略图 <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> class="samllimg" /></a> </li> <!-- {/if} --> <li {if $smarty.foreach.top_goods.iteration<4}class="iteration1"{/if}> <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> {$lang.shop_price}<font class="f1">{$goods.price}</font><br /> </li> </ul> <!-- {/foreach} --> </div> </div> </div> <div class="blank5"></div> <!-- #EndLibraryItem --> //促销商品信息 <!-- #BeginLibraryItem "/library/promotion_info.lbi" --> <!-- {if $promotion_info} --> <!-- 促销信息 --> <div class="box"> <div class="box_1"> <h3><span>{$lang.promotion_info}</span></h3> <div class="boxCenterList RelaArticle"> <!-- {foreach from=$promotion_info item=item key=key} --> <!-- {if $item.type eq "snatch"} --> <a href="http://blogs.com/153484/snatch.php" target="_blank" rel="nofollow"> <!-- {elseif $item.type eq "group_buy"} --> <a href="http://blogs.com/153484/group_buy.php" target="_blank" rel="nofollow"> <!-- {elseif $item.type eq "auction"} --> <a href="http://blogs.com/153484/auction.php" target="_blank" rel="nofollow"> <!-- {elseif $item.type eq "favourable"} --> <a href="http://blogs.com/153484/activity.php" target="_blank" rel="nofollow"> <!-- {/if} --> <a href="http://blogs.com/153484/{$item.url}" target="_blank" rel="nofollow"> style="background:none; padding-left:0px;">{$item.act_name}</a><br /> <!-- {/foreach} --> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- #EndLibraryItem --> //订单查询 <!-- #BeginLibraryItem "/library/order_query.lbi" --> <!--{if empty($order_query)}--> <script>var invalid_order_sn = "{$lang.invalid_order_sn}"</script> <div class="box"> <div class="box_1"> <h3><span>{$lang.order_query}</span></h3> <div class="boxCenterList"> <form name="ecsOrderQuery"> <input type="text" name="order_sn" class="inputBg" /><br /> <div class="blank5"></div> <input type="button" value="{$lang.query_order}" class="bnt_blue_2" onclick="orderQuery()" /> </form> <div id="ECS_ORDER_QUERY" style="margin-top:8px;"> <!--{else}--> <!--{if $order_query.user_id}--> <b>{$lang.order_number}:</b><a href="http://blogs.com/153484/user.php?act=order_detail&order_id= {$order_query.order_id}" class="f6">{$order_query.order_sn}</a><br> <!--{else}--> <b>{$lang.order_number}:</b>{$order_query.order_sn}<br> <!--{/if}--> <b>{$lang.order_status}:</b><br><font class="f1">{$order_query.order_status}</font><br> <!--{if $order_query.invoice_no }--> <b>{$lang.consignment}:</b>{$order_query.invoice_no}<br> <!--{/if}--> {if $order_query.shipping_date}:{$lang.shipping_date} {$order_query.shipping_date} <br> <!--{/if}--> <!--{/if}--> </div> </div> </div> </div> <div class="blank5"></div> //发货单查询 <!-- #EndLibraryItem --> <!-- #BeginLibraryItem "/library/invoice_query.lbi" --> <!--{if $invoice_list}--> <style type="text/css"> .boxCenterList form{display:inline;} .boxCenterList form a{color:#404040; text-decoration:underline;} </style> <div class="box"> <div class="box_1"> <h3><span>{$lang.shipping_query}</span></h3> <div class="boxCenterList"> <!-- 发货单查询{foreach from=$invoice_list item=invoice} --> {$lang.order_number} {$invoice.order_sn}<br /> {$lang.consignment} {$invoice.invoice_no} <div class="blank"></div> <!-- 结束发货单查询{/foreach}--> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- #EndLibraryItem --> //投票信息 <!-- #BeginLibraryItem "/library/vote_list.lbi" --> {insert name='vote'} <!-- #EndLibraryItem --> //邮件订阅功能 <!-- #BeginLibraryItem "/library/email_list.lbi" --> <div class="box"> <div class="box_1"> <h3><span>{$lang.email_subscribe}</span></h3> <div class="boxCenterList RelaArticle"> <input type="text" id="user_email" class="inputBg" /><br /> <div class="blank5"></div> <input type="button" class="bnt_blue" value="{$lang.email_list_ok}" onclick="add_email_list();" /> <input type="button" class="bnt_bonus" value="{$lang.email_list_cancel}" onclick="cancel_email_list();" /> </div> </div> </div> <div class="blank5"></div> //处理邮件订阅的脚本 <script type="text/javascript"> var email = document.getElementById('user_email'); function add_email_list() { if (check_email()) { Ajax.call('user.php?act=email_list&job=add&email=' + email.value, '', rep_add_email_list, 'GET', 'TEXT'); } } function rep_add_email_list(text) { alert(text); } function cancel_email_list() { if (check_email()) { Ajax.call('user.php?act=email_list&job=del&email=' + email.value, '', rep_cancel_email_list, 'GET', 'TEXT'); } } function rep_cancel_email_list(text) { alert(text); } function check_email() { if (Utils.isEmail(email.value)) { return true; } else { alert('{$lang.email_invalid}'); return false; } } </script> <!-- #EndLibraryItem --> <!-- TemplateEndEditable --> </div> <!--left end--> <!--right start--> //右侧区域 <div class="AreaR"> // 站内快讯和焦点图 <!--焦点图和站内快讯 START--> <div class="box clearfix"> <div class="box_1 clearfix"> <div class="f_l" id="focus"> <!-- #BeginLibraryItem "/library/index_ad.lbi" --><!-- #EndLibraryItem --> </div> <!--news--> <div id="mallNews" class="f_r"> <div class="NewsTit"></div> <div class="NewsList tc"> <!-- TemplateBeginEditable name="站内快讯上广告位(宽:210px)" --> <!-- TemplateEndEditable --> <!-- #BeginLibraryItem "/library/new_articles.lbi" --><!-- #EndLibraryItem --> </div> </div> <!--news end--> </div> </div> <div class="blank5"></div> <!--焦点图和站内快讯 END--> <!--今日特价,品牌 start--> <div class="clearfix"> <!--特价--> <!-- #BeginLibraryItem "/library/recommend_promotion.lbi" --><!-- #EndLibraryItem --> <!--品牌--> <div class="box f_r brandsIe6"> <div class="box_1 clearfix" id="brands"> <!-- #BeginLibraryItem "/library/brands.lbi" --><!-- #EndLibraryItem --> </div> </div> </div> <div class="blank5"></div> //主区域 <!-- TemplateBeginEditable name="右边主区域" --> // 精品推荐 <!-- #BeginLibraryItem "/library/recommend_best.lbi" --> <!-- {if $best_goods} --> <!-- {if $cat_rec_sign neq 1} --> <div class="box"> <div class="box_2 centerPadd"> <div class="itemTit" id="itemBest"> {if $cat_rec[1]} // 点击切换标签页 <h2><a href="javascript:void(0)" target="_blank" rel="nofollow"> this);get_cat_recommend(1, 0);">{$lang.all_goods}</a></h2> {foreach from=$cat_rec[1] item=rec_data} <h2 class="h2bg"><a href="javascript:void(0)" target="_blank" rel="nofollow"> 'h2', this);get_cat_recommend(1, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2> {/foreach} {/if} </div> <div id="show_best_area" class="clearfix goodsBox"> <!-- {/if} --> <!--{foreach from=$best_goods item=goods}--> <div class="goodsItem"> <span class="best"></span> <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> class="goodsimg" /></a><br /> <p><a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> {$goods.short_style_name}</a></p> <font class="f1"> <!-- {if $goods.promote_price neq ""} --> {$goods.promote_price} <!-- {else}--> {$goods.shop_price} <!--{/if}--> </font> </div> <!--{/foreach}--> <div class="more"><a href="http://blogs.com/search.php?intro=best" target="_blank" rel="nofollow"> /></a></div> <!-- {if $cat_rec_sign neq 1} --> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- {/if} --> <!-- #EndLibraryItem --> // 最新商品 <!-- #BeginLibraryItem "/library/recommend_new.lbi" --> <!-- {if $new_goods} --> <!-- {if $cat_rec_sign neq 1} --> <div class="box"> <div class="box_2 centerPadd"> <div class="itemTit New" id="itemNew"> {if $cat_rec[2]} <h2><a href="javascript:void(0)" target="_blank" rel="nofollow"> this);get_cat_recommend(2, 0);">{$lang.all_goods}</a></h2> {foreach from=$cat_rec[2] item=rec_data} <h2 class="h2bg"><a href="javascript:void(0)" target="_blank" rel="nofollow"> 'h2', this);get_cat_recommend(2, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2> {/foreach} {/if} </div> <div id="show_new_area" class="clearfix goodsBox"> <!-- {/if} --> <!--{foreach from=$new_goods item=goods}--> <div class="goodsItem"> <span class="news"></span> <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> class="goodsimg" /></a><br /> <p><a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> {$goods.short_style_name}</a></p> <font class="f1"> <!-- {if $goods.promote_price neq ""} --> {$goods.promote_price} <!-- {else}--> {$goods.shop_price} <!--{/if}--> </font> </div> <!--{/foreach}--> <div class="more"><a href="http://blogs.com/search.php?intro=new" target="_blank" rel="nofollow"> /></a></div> <!-- {if $cat_rec_sign neq 1} --> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- {/if} --> <!-- #EndLibraryItem --> //热销商品 <!-- #BeginLibraryItem "/library/recommend_hot.lbi" --> <!-- {if $hot_goods} --> <!-- {if $cat_rec_sign neq 1} --> <div class="box"> <div class="box_2 centerPadd"> <div class="itemTit Hot" id="itemHot"> {if $cat_rec[3]} <h2><a href="javascript:void(0)" target="_blank" rel="nofollow"> this);get_cat_recommend(3, 0);">{$lang.all_goods}</a></h2> {foreach from=$cat_rec[3] item=rec_data} <h2 class="h2bg"><a href="javascript:void(0)" target="_blank" rel="nofollow"> 'h2', this);get_cat_recommend(3, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2> {/foreach} {/if} </div> <div id="show_hot_area" class="clearfix goodsBox"> <!-- {/if} --> <!--{foreach from=$hot_goods item=goods}--> <div class="goodsItem"> <span class="hot"></span> <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> class="goodsimg" /></a><br /> <p><a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> <font class="f1"> <!-- {if $goods.promote_price neq ""} --> {$goods.promote_price} <!-- {else}--> {$goods.shop_price} <!--{/if}--> </font> </div> <!--{/foreach}--> <div class="more"><a href="http://blogs.com/search.php?intro=hot" target="_blank" rel="nofollow"> <!-- {if $cat_rec_sign neq 1} --> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- {/if} -->
<!-- #EndLibraryItem --> //拍卖商品 <!-- #BeginLibraryItem "/library/auction.lbi" --> <!-- {if $auction_list} --> <div class="box"> <div class="box_1"> <h3><span>{$lang.auction_goods}</span><a href="http://blogs.com/153484/auction.php" target="_blank" rel="nofollow"> <div class="centerPadd"> <div class="clearfix goodsBox" style="border:none;"> <!--{foreach from=$auction_list item=auction}--> <div class="goodsItem"> <a href="http://blogs.com/153484/{$auction.url}" target="_blank" rel="nofollow"> escape:html}" class="goodsimg" /></a><br /> <p><a href="http://blogs.com/153484/{$auction.url}" target="_blank" rel="nofollow"> {$auction.short_style_name|escape:html}</a></p> <font class="shop_s">{$auction.formated_start_price}</font> </div> <!--{/foreach}--> </div> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- #EndLibraryItem --> //团购商品 <!-- #BeginLibraryItem "/library/group_buy.lbi" --> <!-- {if $group_buy_goods} --> <div class="box"> <div class="box_1"> <h3><span>{$lang.group_buy_goods}</span><a href="http://blogs.com/153484/group_buy.php" target="_blank" rel="nofollow"> src="http://blogs.com/images/more.gif" rel="nofollow"/> <div class="centerPadd"> <div class="clearfix goodsBox" style="border:none;"> <!--{foreach from=$group_buy_goods item=goods}--> <div class="goodsItem"> <a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> escape:html}" class="goodsimg" /></a><br /> <p><a href="http://blogs.com/153484/{$goods.url}" target="_blank" rel="nofollow"> title="{$goods.goods_name|escape:html}">{$goods.short_style_name|escape:html}</a></p> <font class="shop_s">{$goods.last_price}</font> </div> <!--{/foreach}--> </div> </div> </div> </div> <div class="blank5"></div> <!-- {/if} --> <!-- #EndLibraryItem --> <!-- TemplateEndEditable --> </div> <!--right end--> </div> <div class="blank5"></div> <!--帮助--> <div class="block"> <div class="box"> <div class="helpTitBg clearfix"> <!-- #BeginLibraryItem "/library/help.lbi" --><!-- #EndLibraryItem --> </div> </div> </div> <div class="blank"></div> <!--帮助--> <!--友情链接 start--> <!--{if $img_links or $txt_links }--> <div id="bottomNav" class="box"> <div class="box_1"> <div class="links clearfix"> <!--开始图片类型的友情链接{foreach from=$img_links item=link}--> <a href="http://blogs.com/153484/{$link.url}" target="_blank" rel="nofollow"> alt="{$link.name}" border="0" /></a> <!--结束图片类型的友情链接{/foreach}--> <!-- {if $txt_links} --> <!--开始文字类型的友情链接{foreach from=$txt_links item=link}--> [<a href="http://blogs.com/153484/{$link.url}" target="_blank" rel="nofollow"> <!--结束文字类型的友情链接{/foreach}--> <!-- {/if} --> </div> </div> </div> <!--{/if}--> <!--友情链接 end--> <div class="blank"></div> <!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem --> </body> </html>
|
|