通常在首頁的商品分類選單都是顯示第一層,因為如果開太多層畫面會變得不好看,像是下面這樣的選單,只開一層感覺還不錯!!
$dbneme="productsort";
如果選擇商品分類01,那基本上只會顯示商品分類01底下的商品內容,但如果商品分類01底下還有其他子分類跟商品內容就抓不到了!
這樣的區塊不是很奇怪,底層分類的商品永遠不會顯示在首頁的區塊中,只會顯示頂層的,所以解決辦法就是當USER選擇頂層分類時,連同頂層中全部的子分類中的商品內容頁通通抓出來,用隨機排列,這樣問題就解決了阿!!但是需要用到遞迴來解商品分類,再透過商品分類撈出商品頁面的ID。
方法如下
首先選單透過AJAX選單傳值過去的(分類id),這部分就不說明了,然後以下是在AJAX中遞迴解商品分類及商品內容的方法
$dbneme="productsort";
//第一層
$where=" where `sortid` = '".$selectid."' && `enable` = '1' order by sortidsort DESC"; //where數值
$productsortArr=databasetablewhile($dbneme,$where);
//遞回開始
//分類指定sortid遞迴到底
function sortretorted($dbneme="",$sortid=""){
$where=" where `of_sortid` = '".$sortid."' order by sortidsort DESC"; //where數值
$sortArr=databasetablewhile($dbneme,$where);
foreach($sortArr as $key=> $val){
$sortvar.=$sortArr[$key]['sortid'].",";
$sortvar.=sortretorted($dbneme,$sortid="".$sortArr[$key]['sortid']."");
}
return $sortvar;
}
foreach($productsortArr as $key=> $val){
$sortvar.=$productsortArr[$key]['sortid'].",";
$sortvar.=sortretorted($dbneme,$sortid="".$productsortArr[$key]['sortid']."");
}
//去除最後一個字元
$sortvar=substr($sortvar,0,-1);
//切割陣列
$sortvarArr=cuttingfunction($cutting=$sortvar,$sign=",");
//到這裡可以得到選單指定頂層分類以下的全部子分類ID(包括頂層分類),接下來再用分類ID來撈出商品ID
foreach($sortvarArr as $key=> $val){
//開啟商品資料表
$dbneme="productcontent";
$where=" where `sortid` = '".$val."' && `productstatus` != 'notshelves'"; //where數值
$productcontentArr=databasetablewhile($dbneme,$where);
foreach($productcontentArr as $i=> $val){
$productid.="`productid` = '".$productcontentArr[$i]['productid']."' ||";
}
}
//去除最後一個字元
$productid=substr($productid,0,-2);
//到這裡透過分類ID吧全部的商品ID都解出來了,然後再用商品ID來開啟頁顯示的資料內容!
$textdate.="<div class='row'>";
//圖片時間
$img_date=date("H:i:s");
//狀態
switch ($status){
case "0": //最新
$order="order by productid DESC";
break;
case "1": //排序
$order="order by totalsort DESC";
break;
case "2": //隨機
$order="order by RAND()";
break;
}
//開啟商品資料表
$dbneme="productcontent";
$where=" where ".$productid." && `productstatus` != 'notshelves' ".$order." limit ".$total.""; //where數值
$productcontentArr=databasetablewhile($dbneme,$where);
foreach($productcontentArr as $key=> $val){
if(empty($productcontentArr[$key]['blockimg'])){
$blockimg="<img class='lazy' data-original='".XOOPS_URL."/modules/neilproduct/images/noimg.jpg'>";
}else{
$blockimg=" <img class='lazy' data-original='".XOOPS_URL."/uploads/neilproduct/image/.thumbs/".$productcontentArr[$key]['blockimg'].".jpg?state=".$img_date."'>";
}
$textdate.="<div class='col-md-3'>
<div id='neilproduct_blockbox'>
<div id='neilproduct_blockboximg'>
<div id='transform'>
<a title='".$productcontentArr[$key]['productidtitle']."' href='".XOOPS_URL."/modules/neilproduct/shopwcase.php?productid=".$productcontentArr[$key]['productid']."'>
".$blockimg."
</a>
</div></div>
<div id='productidtitleblock'>
<a title='".$productcontentArr[$key]['productidtitle']."' href='".XOOPS_URL."/modules/neilproduct/shopwcase.php?productid=".$productcontentArr[$key]['productid']."'>
".$productcontentArr[$key]['productidtitle']."
</a>
</div>
<div id='brieflyblock'>".$productcontentArr[$key]['briefly']."</div>
</div>
</div>";
}
$textdate.="</div>";
$textdate.="<script type='text/javascript' src='".XOOPS_URL."/modules/neillibrary/js/lazyload/jquery.lazyload.js'></script>
<script>
$('img.lazy').lazyload({
effect : 'fadeIn'
});
</script>";
echo $textdate;
這樣AJAX輸出後就會顯示頂層分類底下全部分類的商品內容,而不是只有頂層分類的商品內容!
有需要的朋友參考看看
教學撰寫:徐嘉裕 Neil hsu
留言
張貼留言