怎么让shopex捆绑促销显示出产品图片?

Share on:

最近打开shopex的捆绑促销页面越看越不爽,没有产品图用户体验太差了,后决心修改下,研究才发现那么的简单。希望能帮助到被shopex捆绑促销不显示出产品图片的朋友们。

打开core\shop\view\package\index.html,下面捆绑促销显示页面代码中加粗的地方就是显示捆绑促销产品图片的代码。可以自己加入该页面的任何页面,自己喜欢就好!另附CSS。

先上效果图:

img235_1

捆绑促销页面代码:

<{foreach from=$package item="itemlist"}>
<{$itemlist.name}>
<{if $itemlist.intro}>
<{$itemlist.intro}>
<{/if}>
<{t}>此买就送促销产品包括:<{/t}>

    <{foreach from=$itemlist.items item="items"}>
    " target="_blank">"<{$items.name}"/>
    <{$items.name}>
    <{t}>数量:<{/t}><{$items.pkgnum}><{t}> 单价:<{/t}><{$items.price|cur}>
    <{/foreach}> 

    <{t}>原价:<{/t}>
    <{$itemlist.mktprice|cur}>
    <{t}>买就送价:<{/t}>
    <{$itemlist.price|cur}>
    <{if $itemlist.mktprice > $itemlist.price && $setting.mktprice && $setting.saveprice > 0}>
     
    <{if $setting.saveprice == 1}><{t}>节省:<{/t}><{$itemlist.mktprice-$itemlist.price|cur}> <{elseif $setting.saveprice == 2}><{t}>优惠:<{/t}><{$itemlist.price/$itemlist.mktprice*100|number:'2'}>% <{elseif $setting.saveprice == 3}><{$itemlist.price/$itemlist.mktprice*10|number:'1'}>折 <{/if}>
    <{/if}>
    "><{t}>购买<{/t}>

<{/foreach}>
<{pager data=$pager}>

CSS代码:

  /*捆绑页面出图CSS*/
.PackageGoodsWrap ul.list li{float:left;background:url(ra.gif) no-repeat 0 8px;padding-left:15px;color:#666;display:block;line-height:23px;margin-left:30px;border-bottom: none;}
.PackageGoodsWrap .push-6{margin:0;}
.PackageGoodsWrap .span-6{float:right;}