免費(fèi)AI編程助手
首頁 index.dwt
2018-11-05 19:00 更新
A.logo替換
1,設(shè)置方法
后臺(tái)商店設(shè)置里，上傳logo就行,注意logo的名稱必須是logo.gif
2,代碼相關(guān)
page_header.lbi 中
<a href="../index.php" name="top"><img src="../images/logo.gif" /></a>
B.會(huì)員登錄區(qū)，和頂部導(dǎo)航欄
1,設(shè)置方法
會(huì)員登錄區(qū)是系統(tǒng)自帶的 導(dǎo)航欄的話，
后臺(tái)系統(tǒng)設(shè)置-自定義導(dǎo)航欄，設(shè)置“頂部”導(dǎo)航欄即可
2,代碼相關(guān)
page_header.lbi 中
<li class="userInfo">
{insert_scripts files='transport.js,utils.js'}
<font id="ECS_MEMBERZONE">{* ECSHOP 提醒您：根據(jù)用戶id來調(diào)用member_info.lbi顯示不同的界面 *}{insert name='member_info'} </font>
</li>
<!--{if $navigator_list.top}-->
<li id="topNav" class="clearfix">
<!-- {foreach name=nav_top_list from=$navigator_list.top item=nav} -->
<!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}<a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
<!-- {if !$smarty.foreach.nav_top_list.last} -->
|
<!-- {/if} -->
<!-- {/foreach} -->
<div class="topNavR"></div>
</li>
<!-- {/if} -->member_info.lbi(注意這里的會(huì)員登錄區(qū)是外部引用，所以還有member_info.lbi 需要修改){if $user_info}
<font style="position:relative; top:10px;">
{$lang.hello}，<font class="f4_b">{$user_info.username}</font>, {$lang.welcome_return}！
<a href="user.php">{$lang.user_center}</a>|
<a href="user.php?act=logout">{$lang.user_logout}</a>
</font>
{else}
{$lang.welcome}
<a href="user.php"><img src="images/bnt_log.gif" /></a>
<a href="user.php?act=register"><img src="images/bnt_reg.gif" /></a>
{/if}3,相關(guān)css
style.css 中
/*頂部管理型導(dǎo)航*/
.log{height:50px;}
.log li{float:left;}
.log .userInfo{*margin-right:10px; /*width:300px;*/ text-align:left;}
.log .userInfo a{color:#006acd; text-decoration:none;}
.log li img{position:relative; top:5px;}
#topNav{background:url(images/topNavBg.gif) no-repeat left top; height:31px;
line-height:31px; color:#bebfc1; padding:0px 15px; margin:0px 10px; position:relative;
}
#topNav .topNavR{background:url(images/topNavR.gif) no-repeat; width:5px; height:31px;
position:absolute; top:0px; right:0px;
}
#topNav a{color:#006ad0; text-decoration:none;}C.中部導(dǎo)航欄
1,設(shè)置方法
后臺(tái)
系統(tǒng)設(shè)置-自定義導(dǎo)航欄，設(shè)置“中部”導(dǎo)航欄即可
2,代碼相關(guān)
page_header.lbi 中
<div id="mainNav" class="clearfix">
<a href="../index.php"{if $navigator_list.config.index eq 1} class="cur"{/if}>{$lang.home}<span></span></a>
<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
<a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if} {if $nav.active eq 1} class="cur"{/if}>{$nav.name}<span></span></a>
<!-- {/foreach} -->
</div>3,相關(guān)css
style.css 中
/*頁面主導(dǎo)航*/
#mainNav{padding:0 25px; width:910px;}
#mainNav a{display:block; height:26p; float:left; line-height:26px; text-align:center;
padding:0 15px; background:url(images/NavBg.gif) no-repeat 0 -29px; position:relative;
margin-right:2px; color:#026acb; text-decoration:none;
}
#mainNav a span{width:3px; height:26px; background:url(images/NavBg.gif) no-repeat 0 -88px;
position:absolute; top:0px; right:0px;
}
#mainNav a:hover{display:block; height:26p; float:left; line-height:26px; text-align:center;
padding:0 15px; background:url(images/NavBg.gif) no-repeat 0 0; position:relative;
margin-right:2px; color:#fff; text-decoration:none;
}
#mainNav .cur{display:block; height:26p; float:left; line-height:26px; text-align:center;
padding:0 15px; background:url(images/NavBg.gif) no-repeat 0 0; position:relative;
margin-right:2px; color:#fff; text-decoration:none; font-weight:bold;
}
#mainNav a:hover span,#mainNav .cur span{width:3px; height:26px; background:url(images/NavBg.gif) no-repeat 0 -59px;
position:absolute; top:0px; right:0px;
}D.搜索區(qū)
1,設(shè)置方法
左側(cè)的熱門搜索關(guān)鍵字，可以在后臺(tái)
商店設(shè)置-顯示設(shè)置里修改
2,代碼相關(guān)
page_header.lbi 中
<div id="search" class="clearfix">
<div class="keys f_l">
<script type="text/javascript">
{literal}
<!--
function checkSearchForm()
{
if(document.getElementById('keyword').value)
{
return true;
}
else
{
alert("{$lang.no_keywords}");
return false;
}
}
-->
{/literal}
</script>
{if $searchkeywords}
{$lang.hot_search} ：
{foreach from=$searchkeywords item=val}
<a href="search.php?keywords={$val|escape:url}">{$val}</a>
{/foreach}
{/if}
</div>
<form id="searchForm" name="searchForm" method="get" action="search.php" onSubmit="return checkSearchForm()" class="f_r" style="_position:relative; top:5px;">
<select name="category" id="category" class="B_input">
<option value="0">{$lang.all_category}</option>
{$category_list}
</select>
<input name="keywords" type="text" id="keyword" value="{$search_keywords|escape}" class="B_input" style="width:110px;"/>
<input name="imageField" type="submit" value="" class="go" style="cursor:pointer;" />
<a href="search.php?act=advanced_search">{$lang.advanced_search}</a>
</form>
</div>3,相關(guān)css
style.css 中
/*搜索*/
#search{border:1px solid #5cb4e6; background:url(images/searchBg.gif) repeat-x left top; width:918px;
padding:0px 20px; height:36px; line-height:36px;
}
#search a{color:#fff; text-decoration:none;}
#search .keys{background:url(images/bg.gif) no-repeat 0 -28px;
color:#fff; padding-left:40px;
}
#search .go{background:url(images/bnt_search.gif); border:none; width:52px; height:19px;/* position:relative; top:2px; utf8下*/}E.商店公告
1,設(shè)置方法
可以在后臺(tái)
商店設(shè)置-顯示設(shè)置里修改
2,代碼相關(guān)
index.dwt 中
<!--站內(nèi)公告 start-->
<div class="box">
<div class="box_1">
<h3><span>{$lang.shop_notice}</span></h3>
<div class="boxCenterList RelaArticle">
{$shop_notice}
</div>
</div>
</div>3,相關(guān)css
style.css 中沒有特定css,都是共用cssF.購物車模塊
1,設(shè)置方法
這個(gè)模塊不常用，自動(dòng)調(diào)用購物車數(shù)據(jù)
2,代碼相關(guān)
cart.lbi中
{insert_scripts files='transport.js'}
<div class="cart" id="ECS_CARTINFO">
{insert name='cart_info'}
</div>
<div class="blank5"></div>3,相關(guān)css
style.css 中
/*購物車*/
.cart{background:url(images/catBg.gif) no-repeat left top; padding:15px 10px 15px 50px;
color:#006bcd; height:50px; _padding:12px 10px 15px 50px;
}
.cart a{color:#006bcd; text-decoration:none;}
.cart a:hover{color:#006bcd; text-decoration:underline;}G.商品分類
1,設(shè)置方法
可以在后臺(tái)
商店管理-商品分類里修改
詳細(xì)教程：http://www.ecmoban.com/article-1688.html
2,代碼相關(guān)
category_tree.lbi 中
<div class="box">
<div class="box_1">
<div id="category_tree">
<!--{foreach from=$categories item=cat}-->
<dl>
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<!--{foreach from=$cat.cat_id item=child}-->
<dd><a href="{$child.url}">{$child.name|escape:html}</a></dd>
<!--{foreach from=$child.cat_id item=childer}-->
<dd> <a href="{$childer.url}">{$childer.name|escape:html}</a></dd>
<!--{/foreach}-->
<!--{/foreach}-->
</dl>
<!--{/foreach}-->
</div>
</div>
</div>
<div class="blank5"></div>3,相關(guān)css
style.css 中
/*商品分類*/
#category_tree{border:4px solid #f1faff; background-color:#fff;}
#category_tree dl{margin:6px;}
#category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom;
color:#3f3f3f; padding:2px 0 3px 12px;
}
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;
color:#3f3f3f; padding-left:15px; text-decoration:none;
}
#category_tree dd{padding:3px 0 3px 10px;}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}H.銷售排行榜
1,設(shè)置方法
銷售排行榜，是自動(dòng)調(diào)用已經(jīng)購買過的商品，除此之外還必須有商品庫存
2,代碼相關(guān)
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="../images/top_{$smarty.foreach.top_goods.iteration}.gif" class="iteration" />
<!-- {if $smarty.foreach.top_goods.iteration<4}-->
<li class="topimg">
<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="samllimg" /></a>
</li>
<!-- {/if} -->
<li {if $smarty.foreach.top_goods.iteration<4}class="iteration1"{/if}>
<a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name}</a><br />
{$lang.shop_price}<font class="f1">{$goods.price}</font><br />
</li>
</ul>
<!-- {/foreach} -->
</div>
</div>
</div>
<div class="blank5"></div>3,相關(guān)css
style.css 中
/*銷售排行*/
.top10Tit{background:url(images/bg.gif) no-repeat 0px -85px; height:30px;}
.top10List{border:1px solid #d7ecfd; background-color:#fff; margin:0px 4px 4px 4px;}
.top10List ul{border-bottom:1px solid #e2f3fd; position:relative;}
.top10List .iteration{position:absolute; top:6px; left:6px;}
.top10List .iteration1{padding-left:3px;}
.top10List li.topimg{width:35px; height:35px;}
.top10List .samllimg{width:35px; height:35px; margin-bottom:4px;}
.top10List li{padding:3px 3px 3px 23px; float:left;}
/*linkCOLOR*/
.top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#3f3f3f; text-decoration:none;}
.top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#ff6600; text-decoration:none;}I.促銷信息
1,設(shè)置方法
自動(dòng)調(diào)用促銷活動(dòng)里的信息
2,代碼相關(guān)
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="snatch.php" title="{$lang.$item.type}">{$lang.snatch_promotion}</a>
<!-- {elseif $item.type eq "group_buy"} -->
<a href="group_buy.php" title="{$lang.$item.type}">{$lang.group_promotion}</a>
<!-- {elseif $item.type eq "auction"} -->
<a href="auction.php" title="{$lang.$item.type}">{$lang.auction_promotion}</a>
<!-- {elseif $item.type eq "favourable"} -->
<a href="activity.php" title="{$lang.$item.type}">{$lang.favourable_promotion}</a>
<!-- {elseif $item.type eq "package"} -->
<a href="package.php" title="{$lang.$item.type}">{$lang.package_promotion}</a>
<!-- {/if} -->
<a href="{$item.url}" title="{$lang.$item.type} {$item.act_name}{$item.time}" style="background:none; padding-left:0px;">{$item.act_name}</a><br />
<!-- {/foreach} -->
</div>
</div>
</div>
<div class="blank5"></div>
<!-- {/if} -->3,相關(guān)css
style.css 中沒有特定css,都是共用cssJ.訂單查詢
1,設(shè)置方法
訂單查詢模塊，程序自帶
2,代碼相關(guān)
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="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>3,相關(guān)css
style.css 中沒有特定css,都是共用cssK.發(fā)貨查詢
1,設(shè)置方法
自動(dòng)調(diào)用最新的發(fā)貨通知，必須有訂單之后發(fā)貨，但未收貨的商品才會(huì)顯示
2,代碼相關(guān)
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">
<!-- 發(fā)貨單查詢{foreach from=$invoice_list item=invoice} -->
{$lang.order_number} {$invoice.order_sn}<br />
{$lang.consignment} {$invoice.invoice_no}
<div class="blank"></div>
<!-- 結(jié)束發(fā)貨單查詢{/foreach}-->
</div>
</div>
</div>
<div class="blank5"></div>
<!-- {/if} -->3,相關(guān)css
style.css 中沒有特定css,都是共用cssL.郵件訂閱
1,設(shè)置方法
程序自帶功能，訂閱后可以在后臺(tái)管理郵件與群發(fā)
2,代碼相關(guān)
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>3,相關(guān)css
style.css 中沒有特定css,都是共用cssM.首頁主廣告
1,設(shè)置方法
可以在后臺(tái)
系統(tǒng)設(shè)置-首頁主廣告管理里修改
詳細(xì)說明：http://www.ecmoban.com/article-31.html
2,代碼相關(guān)
index.dwt中
<div class="f_l" id="focus">
調(diào)用index_ad.lbi
</div>index_ad.lbi 中<!-- {if $index_ad eq 'sys'} -->
<script type="text/javascript">
var swf_width=484;
var swf_height=200;
</script>
<script type="text/javascript" src="data/flashdata/{$flash_theme}/cycle_image.js"></script>
<!-- {elseif $index_ad eq 'cus'} -->
<!-- {if $ad.ad_type eq 0} -->
<a href="{$ad.url}" target="_blank"><img src="{$ad.content}" width="484" height="200" border="0"></a>
<!-- {elseif $ad.ad_type eq 1} -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="484" height="200">
<param name="movie" value="{$ad.content}" />
<param name="quality" value="high" />
<embed src="{$ad.content}" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="484" height="200"></embed>
</object>
<!-- {elseif $ad.ad_type eq 2} -->
{$ad.content}
<!-- {elseif $ad.ad_type eq 3} -->
<a href="{$ad.url}" target="_blank">{$ad.content}</a>
<!-- {/if} -->
<!-- {else} -->
<!-- {/if} -->3,相關(guān)css
style.css 中/*首頁焦點(diǎn)圖*/ #focus{border-right:1px solid #c5e4ff; padding:8px; background:url(images/foucsBg.gif) repeat-x left top;} 大小的話可以手動(dòng)改index_ad.lbi代碼里，所有width,和height值N.站內(nèi)快訊
1,設(shè)置方法
站內(nèi)快訊模塊，是自動(dòng)調(diào)用所有一級(jí)文章分類下的，最新文章 詳細(xì)說明：http://www.ecmoban.com/article-1476.html
2,代碼相關(guān)
index.dwt 中
<div id="mallNews" class="f_r">
<div class="NewsTit"></div>
<div class="NewsList tc">
調(diào)用new_articles.lbi
</div>
</div>以及外部調(diào)用 new_articles.lbi 中#mallNews{width:230px; padding:8px 8px 0px 8px; background:url(images/foucsBg.gif) repeat-x left top;}
#mallNews .NewsTit{background:url(images/bg.gif) 0px -132px; height:23px;}
#mallNews .NewsList{background:#FFFFFF; padding:8px;}
#mallNews .NewsList ul{margin-top:10px;}
#mallNews .NewsList li{background:url(images/bg.gif) no-repeat 0px -167px; padding:0px 0px 0px 10px;
text-align:left;
}3,相關(guān)css
style.css 中沒有特定css,都是共用cssO.商品品牌
1,設(shè)置方法
可以在后臺(tái)
商品管理-商品品牌里修改
詳細(xì)說明：http://www.ecmoban.com/article-1786.html
2,代碼相關(guān)
index.dwt 中
<div class="box f_r brandsIe6">
<div class="box_1 clearfix" id="brands">
調(diào)用brands.lbi
</div>
</div>brands.lbi 中<!-- {if $brand_list} -->
<!-- {foreach from=$brand_list item=brand name="brand_foreach"} -->
{if $smarty.foreach.brand_foreach.index <= 11}
<!-- {if $brand.brand_logo} -->
<a href="{$brand.url}"><img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" /></a>
<!-- {else} -->
<a href="{$brand.url}">{$brand.brand_name|escape:html} {if $brand.goods_num}({$brand.goods_num}){/if}</a>
<!-- {/if} -->
{/if}
<!-- {/foreach} -->
<div class="brandsMore"><a href="../brand.php"><img src="images/moreBrands.gif" /></a></div>
<!-- {/if} -->3,相關(guān)css
style.css 中
#brands{width:247px; height:199px; *height:201px; padding:1px 0 0 1px; position:relative;}
#brands .brandsMore{position:absolute; left:178px; bottom:10px;
width:65px; height:41px;
}
#brands .brandsMore img{border:none; width:65px; height:41px;}
#brands img{width:78px; height:40px;border:1px solid #c5e4ff;}
#brands a{color:#0069cd; text-decoration:none; margin:2px 1px; display:block; float:left;}
.brandsIe6{_width:250px;}/*在ie6下特價(jià)商品不存在的話品牌推薦永遠(yuǎn)靠右顯示*/P.今日特價(jià)
1,設(shè)置方法
可以在后臺(tái)
商品列表-商品管理里編輯，設(shè)置促銷價(jià)格即可
2,代碼相關(guān)
recommend_promotion.lbi 中
<!-- {if $promotion_goods} -->
<div id="sales" class="f_l clearfix">
<h1><a href="../search.php?intro=promotion"><img src="images/more.gif" /></a></h1>
<div class="clearfix goodBox">
<!--{foreach from=$promotion_goods item=goods name="promotion_foreach"}-->
{if $smarty.foreach.promotion_foreach.index <= 3}
<div class="goodList">
<a href="{$goods.url}"><img src="{$goods.thumb}" border="0" alt="{$goods.name|escape:html}"/></a><br />
<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></p>
{$lang.promote_price}<font class="f1">{$goods.promote_price}</font>
</div>
{/if}
<!--{/foreach}-->
</div>
</div>
<!-- {/if} -->3,相關(guān)css
style.css 中
/*今日特價(jià)和品牌*/
#sales{width:500px; background:url(images/salesBg.gif) repeat-x left bottom;
border-bottom:2px solid #f0f1f3; background-color:#eef8ff;
}
#sales h1{font-size:12px; background:url(images/salesTitBg.gif) no-repeat; height:33px; text-align:right;}
#sales h1 img{position:relative; top:10px; right:8px;}
#sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;}
#sales .goodBox .goodList p{text-align:left; color:#3f3f3f;}
#sales .goodBox .goodList p a{color:#3f3f3f; text-decoration:none;}
#sales .goodBox .goodList p a:hover{color:#ff6600; text-decoration:none;}
#sales .goodList{width:110px; margin:0px 5px 0px 5px; float:left;}
#sales .goodList img{background:url(images/salesGoodBg.gif) no-repeat; width:100px; height:100px; padding:5px;
}
#sales .goodList p{ margin-top:3px; text-align:center;}Q.精品推薦，新品上市，熱賣商品
1,設(shè)置方法
可以在后臺(tái)
商品管理-商品列表里勾選精品，新品，或熱賣
2,代碼相關(guān)
精品 recommend_best.lbi新品 recommend_new.lbi
熱賣 recommend_hot.lbi
下面的代碼以 精品 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)" onclick="change_tab_style('itemBest', 'h2', 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)" onclick="change_tab_style('itemBest', '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="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></a><br />
<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$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="../search.php?intro=best"><img src="images/more.gif" /></a></div>
<!-- {if $cat_rec_sign neq 1} -->
</div>
</div>
</div>
<div class="blank5"></div>
<!-- {/if} -->
<!-- {/if} -->
3,相關(guān)css
style.css 中.centerPadd{padding:5px 8px 8px 8px; overflow:hidden;}
.itemTit{height:30px; background:url(images/bg.gif) no-repeat 0px -195px; padding-left:190px; text-align:right;
/*margin-bottom:-3px; _margin-bottom:-2px;*/
}
.itemTit.New{background:url(images/bg.gif) no-repeat 0px -225px;}
.itemTit.Hot{background:url(images/bg.gif) no-repeat 0px -256px;}
.itemTit img{position:relative; top:7px;}
.itemTit h2{float:left; height:27px; background:url(images/itemH2Bg.gif) repeat-x left top; border:1px solid #d6ecff;
font-size:12px; text-align:center; color:#3f3f3f; font-weight:100; padding:0px 10px; line-height:28px; margin:0 6px 0 0;
border-bottom:none; position:relative; bottom:-3px; display:inline; white-space:nowrap;
}
.itemTit h2 a{color:#3f3f3f; text-decoration:none;}
.itemTit .h2bg{height:27px; line-height:28px; border:none; background:none;
font-size:12px; text-align:center; color:#006ace; font-weight:100; padding:0px 10px;
display:inline; white-space:nowrap;
}
.itemTit .h2bg a{color:#006ace; text-decoration:none;}
.centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px;
_padding:12px 0px 0px 0px;}
.centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;}
/*單個(gè)商品*/
.goodsItem{width:110px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
.goodsItem .goodsimg{width:100px; height:100px; border:4px solid #eef8ff; margin-bottom:4px;}
.goodsItem img{width:52px; height:17px;}
.goodsItem p{text-align:left; color:#3f3f3f;}
.goodsItem p a{color:#3f3f3f; text-decoration:none;}
.goodsItem p a:hover{color:#ff6600; text-decoration:none;}
.goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
.goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
.goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
.goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}R.分類下商品
1,設(shè)置方法
可以在后臺(tái)
模板管理-設(shè)置模板調(diào)用“分類下商品”即可
2,代碼相關(guān)
cat_goods.lbi 中
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="box">
<div class="box_1">
<h3><span><a href="{$goods_cat.url}" class="f6">{$goods_cat.name|escape:html}</a></span></h3>
<div class="centerPadd">
<div class="clearfix goodsBox" style="border:none;">
<!--{foreach from=$cat_goods item=goods}-->
<div class="goodsItem">
<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></a><br />
<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></p>
<!-- {if $goods.promote_price neq ""} -->
<font class="shop_s">{$goods.promote_price}</font>
<!-- {else}-->
<font class="shop_s">{$goods.shop_price}</font>
<!--{/if}-->
</div>
<!--{/foreach}-->
<div class="more"><a href="{$goods_cat.url}"><img src="images/more.gif" /></a></div>
</div>
</div>
</div>
</div>
<div class="blank5"></div>3,相關(guān)css
style.css 中(商品區(qū)域的css內(nèi)容與上面通用)
.centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px;
_padding:12px 0px 0px 0px;}
.centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;}
/*單個(gè)商品*/
.goodsItem{width:110px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
.goodsItem .goodsimg{width:100px; height:100px; border:4px solid #eef8ff; margin-bottom:4px;}
.goodsItem img{width:52px; height:17px;}
.goodsItem p{text-align:left; color:#3f3f3f;}
.goodsItem p a{color:#3f3f3f; text-decoration:none;}
.goodsItem p a:hover{color:#ff6600; text-decoration:none;}
.goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
.goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
.goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
.goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}S.品牌下商品
1,設(shè)置方法
可以在后臺(tái)
模板管理-設(shè)置模板調(diào)用“品牌的商品”
2,代碼相關(guān)
brand_goods.lbi 中
<div class="box">
<div class="box_1">
<h3><span><a href="{$goods_brand.url}" class="f6">{$goods_brand.name|escape:html}</a></span></h3>
<div class="centerPadd">
<div class="clearfix goodsBox" style="border:none;">
<!--{foreach from=$brand_goods item=goods}-->
<div class="goodsItem">
<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></a><br />
<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></p>
<!-- {if $goods.promote_price neq ""} -->
<font class="shop_s">{$goods.promote_price}</font>
<!-- {else}-->
<font class="shop_s">{$goods.shop_price}</font>
<!--{/if}-->
</div>
<!--{/foreach}-->
<div class="more"><a href="{$goods_brand.url}"><img src="images/more.gif" /></a></div>
</div>
</div>
</div>
</div>
<div class="blank5"></div>3,相關(guān)css
style.css 中與上面模塊一致T.拍賣商品
1,設(shè)置方法
可以在后臺(tái)
促銷管理-拍賣活動(dòng)里設(shè)置拍賣商品
詳細(xì)說明：http://www.ecmoban.com/article.php?id=1803
2,代碼相關(guān)
auction.lbi 中
<!-- {if $auction_list} -->
<div class="box">
<div class="box_1">
<h3><span>{$lang.auction_goods}</span><a href="auction.php"><img src="../images/more.gif"></a></h3>
<div class="centerPadd">
<div class="clearfix goodsBox" style="border:none;">
<!--{foreach from=$auction_list item=auction}-->
<div class="goodsItem">
<a href="{$auction.url}"><img src="{$auction.thumb}" alt="{$auction.goods_name|escape:html}" class="goodsimg" /></a><br />
<p><a href="{$auction.url}" title="{$auction.goods_name|escape:html}">{$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} -->3,相關(guān)css
style.css 中與上面模塊一致U.團(tuán)購商品
1,設(shè)置方法
可以在后臺(tái)
促銷管理-團(tuán)購活動(dòng)里設(shè)置團(tuán)購商品
詳細(xì)說明：http://www.ecmoban.com/article.php?id=1804
2,代碼相關(guān)
group_buy.lbi 中
<!-- {if $group_buy_goods} -->
<div class="box">
<div class="box_1">
<h3><span>{$lang.group_buy_goods}</span><a href="group_buy.php"><img src="../images/more.gif"></a></h3>
<div class="centerPadd">
<div class="clearfix goodsBox" style="border:none;">
<!--{foreach from=$group_buy_goods item=goods}-->
<div class="goodsItem">
<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.goods_name|escape:html}" class="goodsimg" /></a><br />
<p><a href="{$goods.url}" 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} -->3,相關(guān)css
style.css 中與上面模塊一致V.底部幫助分類
1,設(shè)置方法
直接調(diào)用后臺(tái)
文章分類里的網(wǎng)店幫助分類下的文章分類下的文章
詳細(xì)說明：http://www.ecmoban.com/article-1558.html
2,代碼相關(guān)
index.dwt 中
<!--幫助-->
<div class="block">
<div class="box">
<div class="helpTitBg clearfix">
調(diào)用help.lbi
</div>
</div>
</div>
<div class="blank"></div>
<!--幫助-->help.lbi 中<!--{if $helps}-->
<!-- {foreach from=$helps item=help_cat} -->
<dl>
<dt><a href='{$help_cat.cat_id}' title="{$help_cat.cat_name}">{$help_cat.cat_name}</a></dt>
<!-- {foreach from=$help_cat.article item=item} -->
<dd><a href="{$item.url}" title="{$item.title|escape:html}">{$item.short_title}</a></dd>
<!-- {/foreach} -->
</dl>
<!-- {/foreach} -->
<!--{/if}-->3,相關(guān)css
style.css 中
/*幫助*/
.helpTitBg{background:url(images/helpTitBg.gif) repeat-x left top; text-align:left; border:1px solid #c5e4ff; background-color:#fff;
padding:0 0 10px 15px;
}
.helpTitBg dl{float:left; margin-right:30px; _margin-right:20px; _width:130px;}
.helpTitBg dt{background:url(images/bg.gif) no-repeat 0px -570px;width:auto; height:33px; line-height:33px; text-align:left;
font-weight:bold; color:#56a5ee; padding-left:12px; margin-bottom:8px;}
.helpTitBg dt a{font-weight:bold; color:#56a5ee; text-decoration:none;}
.helpTitBg dd a{color:#006acd; text-decoration:none; background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px;}W.友情連接
1,設(shè)置方法
直接調(diào)用后臺(tái)
系統(tǒng)設(shè)置-友情連接里直接添加友情連接
2,代碼相關(guān)
index.dwt 中
<!--友情鏈接 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="{$link.url}" target="_blank" title="{$link.name}"><img src="{$link.logo}" alt="{$link.name}" border="0" /></a>
<!--結(jié)束圖片類型的友情鏈接{/foreach}-->
<!-- {if $txt_links} -->
<!--開始文字類型的友情鏈接{foreach from=$txt_links item=link}-->
[<a href="{$link.url}" target="_blank" title="{$link.name}">{$link.name}</a>]
<!--結(jié)束文字類型的友情鏈接{/foreach}-->
<!-- {/if} -->
</div>
</div>
</div>
<!--{/if}-->
<!--友情鏈接 end-->3,相關(guān)css
style.css 中
.bNavList{border:1px solid #fff; background:#eef6f9; height:27px; line-height:27px; padding:0 12px;}
.links{border:1px solid #fff; background:#eef6f9; padding:0 12px;}
.bNavList a,.links a{color:#006acd; text-decoration:none;}
.bNavList img{_position:relative; top:8px;}
.links img{width:88px; height:30px; margin:5px;}X.底部導(dǎo)航欄修改
1,設(shè)置方法
直接調(diào)用后臺(tái)
系統(tǒng)設(shè)置-自定義導(dǎo)航欄的底部導(dǎo)航欄
2,代碼相關(guān)
page_footer.lbi 中
<!--底部導(dǎo)航 start-->
<div id="bottomNav" class="box">
<div class="box_1">
<div class="bNavList clearfix">
<div class="f_l">
<!-- {if $navigator_list.bottom} -->
<!-- {foreach name=nav_bottom_list from=$navigator_list.bottom item=nav} -->
<a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
<!-- {if !$smarty.foreach.nav_bottom_list.last} -->
-
<!-- {/if} -->
<!-- {/foreach} -->
<!-- {/if} -->
</div>
<div class="f_r">
<a href="#top"><img src="images/bnt_top.gif" /></a> <a href="../index.php"><img src="images/bnt_home.gif" /></a>
</div>
</div>
</div>
</div>
<!--底部導(dǎo)航 end-->3,相關(guān)css
style.css 中 這里有些代碼與上面通用
#bottomNav{width:958px;}
.bNavList{border:1px solid #fff; background:#eef6f9; height:27px; line-height:27px; padding:0 12px;}Y.底部模塊修改
1,設(shè)置方法
底部大部分內(nèi)容是調(diào)用后臺(tái)
商店設(shè)置里面的內(nèi)容，比如電話號(hào)碼，qq之類
2,代碼相關(guān)
page_footer.lbi 中
<!--版權(quán) start-->
<div id="footer">
<div class="text">
{$copyright}<br />
{$shop_address} {$shop_postcode}
<!-- 客服電話{if $service_phone} -->
Tel: {$service_phone}
<!-- 結(jié)束客服電話{/if} -->
<!-- 郵件{if $service_email} -->
E-mail: {$service_email}<br />
<!-- 結(jié)束郵件{/if} -->
<!-- QQ 號(hào)碼 {foreach from=$qq item=im} -->
<!-- {if $im} -->
<a href="http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:{$im}:4" height="16" border="0" alt="QQ" /> {$im}</a>
<!-- {/if} -->
<!-- {/foreach} 結(jié)束QQ號(hào)碼 -->
<!-- 淘寶旺旺 {foreach from=$ww item=im} -->
<!-- {if $im} -->
<a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:u8_url}&s=2" width="16" height="16" border="0" alt="淘寶旺旺" />{$im}</a>
<!-- {/if} -->
<!--{/foreach} 結(jié)束淘寶旺旺 -->
<!-- Yahoo Messenger {foreach from=$ym item=im} -->
<!-- {if $im} -->
<a href="http://edit.yahoo.com/config/send_webmesg?.target={$im}n&.src=pg" target="_blank"><img src="../images/yahoo.gif" width="18" height="17" border="0" alt="Yahoo Messenger" /> {$im}</a>
<!-- {/if} -->
<!-- {/foreach} 結(jié)束Yahoo Messenger -->
<!-- MSN Messenger {foreach from=$msn item=im} -->
<!-- {if $im} -->
<img src="../images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact={$im}">{$im}</a>
<!-- {/if} -->
<!-- {/foreach} 結(jié)束MSN Messenger -->
<!-- Skype {foreach from=$skype item=im} -->
<!-- {if $im} -->
<img src="http://mystatus.skype.com/smallclassic/{$im|escape:url}" alt="Skype" /><a href="skype:{$im|escape:url}?call">{$im}</a>
<!-- {/if} -->
<!-- {/foreach} --><br />
<!-- ICP 證書{if $icp_number} -->
{$lang.icp_number}:<a href="http://www.miibeian.gov.cn/" target="_blank">{$icp_number}</a><br />
<!-- 結(jié)束ICP 證書{/if} -->
{insert name='query_info'}<br />
{foreach from=$lang.p_y item=pv}{$pv}{/foreach}{$licensed}<br />
{if $stats_code}
<div align="left">{$stats_code}</div>
{/if}
<div align="left" id="rss"><a href="{$feed_url}"><img src="../images/xml_rss2.gif" alt="rss" /></a></div>
</div>
</div>3,相關(guān)css
style.css 中
/*版權(quán)*/
#footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; width:760px; margin:10px auto;}
#footer .text{background:url(images/footerLine.gif) no-repeat left center; padding-left:50px; *padding-bottom:20px;}
#footer .text a{color:#404040; text-decoration:none;}以上內(nèi)容是否對(duì)您有幫助：
更多建議：