仿“京东”多属性筛选(提供下载)

"ecs_"修改成你的数据表前缀

把压缩包你的文件上传到你的商店目录，直接覆盖原有文件
（一定提前做好备份）
如果需要覆盖的文件你曾经修改过建议参考压缩包里的文件自己修改一下

模版文件category.dwt的修改方法：

找到

{* 包含脚本文件 *}

在此段代码前加入
<style type="text/css">
<!--
.Select {
BACKGROUND: url(images/pshow_bg_18.gif) #fff repeat-x 50% top; MARGIN-BOTTOM: 10px}
.Select .title {
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 8px;
COLOR: #005aa0;
PADDING-TOP: 8px;
font-size: 14px;
font-weight: bold;
}
.Select DL {
BORDER-TOP: #cde7fb 1px dashed;
OVERFLOW: hidden;
ZOOM: 1;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}
.Select DL.first {
BORDER-TOP-WIDTH: 0px
}
.Select DT {
LINE-HEIGHT: 25px
}
.Select DD {
LINE-HEIGHT: 25px
}
.Select DT {
FONT-WEIGHT: bold; FLOAT: left; WIDTH: 100px; TEXT-ALIGN: right
}
.Select DD {
FLOAT: right; OVERFLOW: hidden; WIDTH: 640px}
.Select DD DIV {
FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: 15px; HEIGHT: 25px
}
.Select DD A {
DISPLAY: block; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.Select DD A:link {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #005aa0; PADDING-TOP: 1px
}
.Select DD A:visited {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #005aa0; PADDING-TOP: 1px
}
.Select DD A:hover {
MARGIN-TOP: 4px; BACKGROUND: #4598d2; MARGIN-BOTTOM: 4px; COLOR: #fff; LINE-HEIGHT: 15px
}
.Select DD A:active {
MARGIN-TOP: 4px; BACKGROUND: #4598d2; MARGIN-BOTTOM: 4px; COLOR: #fff; LINE-HEIGHT: 15px
}
.Select DD A.curr:link {
MARGIN-TOP: 4px; BACKGROUND: #4598d2; MARGIN-BOTTOM: 4px; COLOR: #fff; LINE-HEIGHT: 15px
}
.Select DD A.curr:visited {
MARGIN-TOP: 4px; BACKGROUND: #4598d2; MARGIN-BOTTOM: 4px; COLOR: #fff; LINE-HEIGHT: 15px
}-->
</style>

找到

<div class='Select'>

和
<!-- #BeginLibraryItem "/library/goods_list.lbi" --><!-- #EndLibraryItem -->
把他们之间的代码换成

<div class='title'>{$cat_name} - 商品筛选</div>
<!-- {if $brand_list} -->
<dl><dt>按品牌：</dt>
<dd>
<!-- {foreach from=$brand_list item=brand name="brand_foreach"} -->
<div> <a href="{$brand.url}">{$brand.brand_name|escape:html}</a></div>
<!-- {/foreach} -->
</dd>
</dl>
<!-- {/if} -->
<dl><dt>{$lang.price_grade}：</dt>
<dd>
<!-- {foreach from=$price_grade item=grade} -->
<!-- {if $grade.selected} -->
<div><font class="f1 f5">{$grade.start} - {$grade.end} {if $grade.goods_num}({$grade.goods_num}){/if}</font></div>
<!-- {else} -->
<div><a href="{$grade.url}">{$grade.start} - {$grade.end}</a> {if $grade.goods_num}({$grade.goods_num}){/if}</div>
<!-- {/if} -->
</dd>
<!--{/foreach}-->
</dl>
<!-- {if $attr_lists} -->
<!--{foreach from=$attr_lists item=attr}-->
<dl>
<dt>{$attr.name}：</dt>
<dd>
<!--{foreach from=$attr.value item=value}-->
<div><a {if $value.selected eq 1}class="curr"{/if} href="{$value.url}">{$value.name}</a></div>
<!--{/foreach}-->
</dd>
</dl>
<!--{/foreach}-->
<!-- {/if} -->
</div>
ecshop_select_api-gbk.rar (14.16 KB)

ecshop_select_apiutf-8.rar (14.49 KB)