在ecshop首頁給商品加入立即購買與收藏按鈕,直接模板當中操作修改,無需修改任何PHP代碼。方法簡便。以下是最模板提供的方法,如果出現錯誤,請拿錯誤在最模板網站搜索,繼續修改下去。
第一步:首先查看商品分類頁面里商品列表的代碼,找出添加立即購買按鈕的代碼。
在模板文件夾的-library文件夾里的goods_list.lbi文件,代碼如下:
<p>
<a href=”javascript:addToCart({$goods.goods_id})”><img src=”images/but_buy.jpg”></a>
<a href=”javascript:collect({$goods.goods_id})”><img src=”images/but_coll.jpg”></a>
<a href=”javascript:;” id=”compareLink”onClick=”Compare.add({$goods.goods_id},’{$goods.goods_name|escape:”quotes”}’,'{$goods.type}’)”><img src=”images/but_comp.jpg”></a>
</p>
第二步:修改此段代碼,將$goods.goods_id修改為$goods.id,并刪除“對比按鈕”的代碼(如果需要不刪除也行)。
即整段代碼如下:
<p>
<a href=”javascript:addToCart({$goods.id})”><img src=”images/but_buy.jpg”></a>
<a href=”javascript:collect({$goods.id})”><img src=”images/but_coll.jpg”></a>
<a href="javascript:;" id="compareLink"html"}','{$goods.type}')">比較</a>
</p>
第三步:找到新品上市、熱銷商品、精品推薦這3個模塊對于的lbi文件。
在模板文件夾的-library文件夾里,分別為:recommend_best.lbi,recommend_hot.lbi,recommend_new.lbi。并打開添加代碼。 同第二步一樣加入立即購買按鈕。
第四步:此時首頁的商品列表以及可以顯示“購買”“對比”和“收藏”的按鈕了,但是如果是有增加商品類型屬性的商品點擊“購買”和“對比”是無反應,這需要為“購買”添加選擇商品屬性的代碼,為“對比”添加動態創建對比js。
如下:
在模板文件夾的-library文件夾里的goods_list.lbi文件底部插入如下代碼:
<script type="Text/Javascript" language="JavaScript">
<!--
{literal}
function selectPage(sel)
{
sel.form.submit();
}
{/literal}
//-->
</script>
<script type="text/javascript">
window.onload = function()
{
Compare.init();
fixpng();
}
{foreach from=$lang.compare_js item=item key=key}
{if $key neq 'button_compare'}
var {$key} = "{$item}";
{else}
var button_compare = '';
{/if}
{/foreach}
var compare_no_goods = "{$lang.compare_no_goods}";
var btn_buy = "{$lang.btn_buy}";
var is_cancel = "{$lang.is_cancel}";
var select_spe = "{$lang.select_spe}";
</script>
很多朋友都是忘記這一步,導致購買出現JS報錯!
第五步:找到首頁代碼{insert_scripts files='common.js,index.js'}修改成{insert_scripts files='common.js,index.js,compare.js,global.js'},謹記:這個代碼不改的話,“對比”功能講無法使用。
第六步:粘貼代碼至recommend_best.lbi,recommend_hot.lbi,recommend_new.lbi三個文件的</div>之后. 也可以直接在index.dwt文件里引入。一次就可以! 無需重復
第七步:可以保存上傳至服務器測試了,購物和收藏按鈕均可正常使用,接下來的就是修改css樣式表,因為添加了2個按鈕,首頁的商品列表會不對稱或者2個按鈕不再同一行,只要修改模板文件夾里的css樣式表,將商品列表里的縮略圖寬度及間隔修改即可。
教程完畢,如果還有問題,請在本也評論留言!最模板技術會持續跟進!
新聞熱點
疑難解答