帖子標題：[分享] ECSHOP首頁增加“立即購買”按鈕的設置方法 escape, images, collect, library, javascript

最模板

第一步：首先查看商品分類頁面裏商品列表的代碼，找出添加立即購買按鈕的代碼。
在模板文件夾的-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>
</p>
第三步：找到新品上市、熱銷商品、精品推薦這3個模塊對應的lbi文件。修改此段代碼
在模板文件夾的-library裏，分別為：recommend_best.lbi，recommend_hot.lbi，recommend_new.lbi。並打開添加代碼。
代碼解釋：
<li>
         <p><a href=”{$goods.url}”><img src=”{$goods.thumb}” alt=”{$goods.name|escape:html}” /></a></p>
         <p><a href=”{$goods.url}” title=”{$goods.name|escape:html}”>{$goods.short_name|escape:html}</a></p>
         <p>
          <!– 是否顯示市場價格,如不需顯示不添加即可
                {$goods.market_price} = ￥114元
                {$lang.market_price}{$goods.market_price} = 市場價格：￥114元
           –>
           <font class=”market_price”>{$lang.market_price}{$goods.market_price}</font><br />
           <!– {if $goods.promote_price neq “”} –>
          {$lang.promote_price}{$goods.promote_price}<br />
           <!– {else}–>
          <!– {$lang.shop_price} = ￥95元
                    {$lang.shop_price}{$goods.shop_price} = 本店售價：￥95元–>
          {$lang.shop_price}{$goods.shop_price}
           <!–{/if}–>
         </p>
        <!–購買按鈕和收藏按鈕的代碼添加到這裏 –>
         <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>
         </p>
</li>
第四步：此時首頁的商品列表已經可以顯示“購買”和“收藏”的按鈕了，但是如果是有增加商品類型屬性的商品點擊“購買”是無反應，這需要添加選擇商品屬性的代碼。
首頁商品列表點擊“購買”無反應,正確的應該是：點擊購買後，跳出選擇屬性的對話框。
第五步：再次查看商品分類頁面裏商品列表的代碼，找出添加立即購買按鈕的代碼。
在模板文件夾的-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>
第六步：粘貼代碼至recommend_best.lbi，recommend_hot.lbi，recommend_new.lbi三個文件的</div>之後.
第七步：可以保存上傳至服務器測試了，購物和收藏按鈕均可正常使用，接下來的就是修改css樣式表，因為添加了2個按鈕，首頁的商品列表會不對稱或者2個按鈕不在同一行，只要修改模板文件夾裏的css樣式表，將商品列表裏的縮略圖寬度及間隔修改即可。這樣就OK了，希望對大家有所幫助。

ecshop模板
网站模板