這是京東篩選的截圖,天貓?zhí)詫毜纫灿邢嚓P的選購的篩選。在用戶進入該頻道后,對自己喜歡的商品進行篩選,能減少大量的時間,最大程度地滿足用戶的功能性需求。已經被選中的關鍵詞可以參考文章《織夢多條件篩選以篩選詞為SEO標題教程》,樣式自己寫吧。
分析過程
根據實際情況,京東的品牌不屬于篩選范圍,屬于類別。因此只有“分類”、“有效像素”、“液晶屏尺寸”作為品牌類別公共的篩選字段項目。當然還有多選功能,這里就不細說了。
查了N多關于dede篩選功能實現的文章,筆者在沒有完成篩選功能之前,運用js進行篩選,其實基于php的dedecms也一樣能實現這樣的功能。下面這是運用了dedecmsV5.7本身的模板制作的模板,完美實現篩選功能,如果一定要跟京東的樣式一樣,可以慢慢敲代碼吧,這里樣式不做詳解。
由于2015年7月份后dedecms終于出更新版了,建議大家先不更新,免得修改的后臺文件發(fā)生不必要的錯誤。本人還沒測試新版本的問題,感興趣的童鞋可以自己測試。下面講解裝修網站的裝修效果圖完美實現dedecms二次開發(fā)的php的篩選功能。
(帖子2015年9月更新)終于用上了新版dedecms,經測試功能穩(wěn)定,可以安裝wappc手機版,需要提醒各位的是,如果不能正常安裝,可能是解壓縮的問題,盡量采用在服務器解壓,避免不必要的錯誤發(fā)生。篩選也正常,因為很多二次開發(fā)都會動到include下extend.func.php。因此不要隨便把文件覆蓋,而應仔細對比后在服務器上修改該文件。
DedeCMS自定義字段篩選實現步驟
建立自定義字段
在頻道模型里面內容模型里建立相應的自定義字段,記得勾選“使字段從模板中獲得”
可以看到篩選功能主要有三個字段:小區(qū)戶型(hx)、裝修風格(zxfg)、裝修面積(zxmj)、裝修價格(zxjg)等,字段全部用select類型。
文章編輯的時,要選擇好相應的分類,根據這些分類字段,前臺可以用php直接調用。
修改后臺程序文件
這里要修改include下的兩個文件:arc.listview.class.php和extend.func.php。由于篇幅太長,修改過程請查看相關文章《織夢多條件篩選以篩選詞為SEO標題教程》
前臺調用PHP
請把以下代碼復制到網站相應的區(qū)域,這里只選擇了用戶最關注的戶型、風格、面積作為篩選條件。
<div class="shaixuan">
{dede:php}AddFilter(7,1,'zxfg,hx,zxmj');{/dede:php}<!--7是該欄目的id,1是篩選類型,可以自己換來看看篩選前臺顯示類型,一般采用全部展開或者下拉列表-->
</div>
選擇2是下拉,修改后的地方有個結尾有錯誤,在case2結尾的標紅</select><br/>,應該改成</select></div>。
case 2:
$dede_addonfields .= '<select name="filter"'.$ctag->GetName().' onchange="window.location=this.options[this.selectedIndex].value">'.'<option value="'.str_replace("&".$ctag->GetName()."=".$fields_value,"",$filterarr).'">全部</option>';
$addonfields_items = explode(",",$ctag->GetAtt('default'));
for ($i=0; $i<count($addonfields_items); $i++)
{
$href = stripos($filterarr,$ctag->GetName().'=') ? str_replace("=".$fields_value,"=".urlencode($addonfields_items[$i]),$filterarr) : $filterarr.'&'.$ctag->GetName().'='.urlencode($addonfields_items[$i]);
$dede_addonfields .= '<option value="'.$href.'"'.($fields_value==urlencode($addonfields_items[$i]) ? ' selected="selected"' : '').'>'.$addonfields_items[$i].'</option>';
}
$dede_addonfields .= '</select></div>';
break;
版權聲明: 本站資源均來自互聯網或會員發(fā)布,如果侵犯了您的權益請與我們聯系,我們將在24小時內刪除!謝謝!
轉載請注明: 織夢DedeCMS訪京東多條件篩選教程