第壹步:首先在商品分類頁面看商品列表的代碼,找出添加立即購買按鈕的代碼。
在模板文件夾的-library文件夾的goods_list.lbi文件中,找到以下代碼:
& ltp & gt
& lt答?href = " JavaScript:addto cart({ $ goods . goods _ id })" & gt;& ltimg?src = " images/but _ buy . jpg " & gt;& lt/a & gt;
& lt答?href = " JavaScript:collect({ $ goods . goods _ id })" & gt;& ltimg?src = " images/but _ coll . jpg " & gt;& lt/a & gt;
& lt答?href = " JavaScript:;"?id="compareLink "?onClick = " compare . add({ $ goods . goods _ id },' { $ goods . goods _ name | escape:" quotes " } ',' { $ goods . type } ')" & gt;& ltimg?src = " images/but _ comp . jpg " & gt;& lt/a & gt;
& lt/p & gt;第二步:修改這段代碼,將$goods.goods_id改為$goods.id,刪除“對比按鈕”的代碼(如果需要也可以)。
整個代碼如下:
& ltp & gt
& lt答?href = " JavaScript:addToCart({ $ goods . id })" & gt;& ltimg?src = " images/but _ buy . jpg " & gt;& lt/a & gt;
& lt答?href = " JavaScript:collect({ $ goods . id })" & gt;& ltimg?src = " images/but _ coll . jpg " & gt;& lt/a & gt;
& lt/p & gt;第三步:找到新品上市、熱銷商品、精品推薦三個模塊的lbi文件。修改此代碼
在模板文件夾的-library文件夾中,分別是:recommend_best.lbi,recommend_hot.lbi,recommend_new.lbi並打開添加代碼。
& lt李& gt
& ltp & gt& lt答?href = " { $ goods.url } " & gt& ltimg?src="{$goods.thumb} "?alt="{$goods.name|escape:html} "?/& gt;& lt/a & gt;& lt/p & gt;
& ltp & gt& lt答?href="{$goods.url} "?title = " { $ goods . name | escape:html } " & gt;{ $ goods . short _ name | escape:html } & lt;/a & gt;& lt/p & gt;
& ltp & gt
& lt!–?是否顯示市場價,如果不顯示,則不添加。
{$goods.market_price}?=?114元
{ $ lang . market _ price } { $ goods . market _ price }?=?市場價:¥114元。
–& gt;
& lt字體?class="market_price " >{ $ lang . market _ price } { $ goods . market _ price } & lt;/font & gt;& ltbr?/& gt;
& lt!–?{如果?$goods.promote_price?neq?""}?–& gt;
{ $ lang . promote _ price } { $ goods . promote _ price } & lt;br?/& gt;
& lt!–?{ else }–& gt;
& lt!–?{$lang.shop_price}?=?95元
{ $ lang . shop _ price } { $ goods . shop _ price }?=?我們的價格:¥95元->
{ $ lang . shop _ price } { $ goods . shop _ price }
& lt!–{/if }–& gt;
& lt/p & gt;
& lt!–此處添加了購買按鈕和收藏按鈕的代碼?–& gt;
& ltp & gt
& lt答?href = " JavaScript:addToCart({ $ goods . id })" & gt;& ltimg?src = " images/but _ buy . jpg " & gt;& lt/a & gt;
& lt答?href = " JavaScript:collect({ $ goods . id })" & gt;& ltimg?src = " images/but _ coll . jpg " & gt;& lt/a & gt;
& lt/p & gt;
& lt/李& gt第四步:此時可以顯示首頁的商品列表和“購買”和“收藏”按鈕。但是如果有添加了產品類型屬性的產品,點擊“購買”沒有反應,就需要添加代碼來選擇產品屬性。
在首頁的商品列表中點擊“購買”沒有反應。正確答案應該是:點擊“購買”後,彈出選擇屬性的對話框。
第五步:再次查看商品分類頁面中商品列表的代碼,找出添加立即購買按鈕的代碼。
模板文件夾的-library文件夾中的goods_list.lbi文件。
& lt劇本?type="Text/Javascript "?language = " JavaScript " & gt
& lt!–
{literal}
功能?選擇頁面(選擇)
{
sel . form . submit();
}
{/literal}
//–& gt;
& lt/script & gt;
& lt劇本?type = " text/JavaScript " & gt;
window.onload?=?函數()
{
compare . init();
fix png();
}
{foreach?from=$lang.compare_js?item=item?key=key}
{如果?$key?neq?button_compare'}
var?{$key}?=?" { $ item } ";
{else}
var?button_compare?=?";
{/if}
{/foreach}
var?比較_無_貨?=?" { $ lang . compare _ no _ goods } ";
var?btn_buy?=?" { $ lang . BTN _ buy } ";
var?是_取消?=?" { $ lang . is _ cancel } ";
var?select_spe?=?" { $ lang . select _ SPE } ";
& lt/script & gt;步驟6:將代碼粘貼到
第七步:可以保存上傳到服務器進行測試。購物和收藏按鈕可以正常使用。下壹步是修改css樣式表。因為增加了兩個按鈕,主頁上的產品列表會不對稱或者兩個按鈕不再在壹條線上。只需修改模板文件夾中的css樣式表,修改產品列表中縮略圖的寬度和間隔即可。