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

最近打开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;}

9 评论

  1. 另附CSS 这个CSS加在哪里?www.yirantea.com 我的捆绑页面用了你的代码怎么和你不一样的。?

    1. 你好,请你留意下代码加黑处,把该处代码复制到你想要显示图片的位置即可,CSS放在statics/style.css里面即可~

  2. 你好我的还是显示不了和你一样,能否帮忙弄一下或者发下你的文件给我?谢谢 我的QQ616940550

  3. .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;}
    你这个具体是那个类呢?

发表评论

电子邮件地址不会被公开。 必填项已用*标注