商品詳情頁 · 酷柚易汛CMS

> {$jz}變量可以輸出所有內容 > 內容頁也可以使用{$type}調用欄目所有內容的哦~ ~~~ 商品標題：{$jz['title']} 當前位置：{$positions} 商品SEO標題：{$jz['seo_title']} 商品關鍵詞：{$jz['keywords']} 商品點擊量：{$jz['hits']} 自增操作{fun incrData('product',$jz['id'],'hits')} 商品主圖：{$jz['litpic']} 商品價格：{$jz['price']} 商品庫存：{$jz['stock_num']} 商品簡介：{$jz['description']} 商品內容：{$jz['body']} 商品上傳管理員：{fun adminInfo($jz['userid'],'name')} 商品更新時間：{fun date('Y-m-d',$jz['addtime'])} 其他字段內容統一輸出：{$jz['字段標識']} 如：{$jz['dianhua']} #自定義當前位置：【不要求完全掌握，知道可以遍歷輸出面包屑導航即可】 {loop $position_data as $v} {php echo '<a href="'.$v['url'].'">'.$v['classname'].'</a>' /} {/loop} ~~~ ## 商品圖集 ~~~ {php $pictures = explode('||',$jz['pictures']) /} {foreach $pictures as $v}{if($v!='')} 圖片鏈接：{$v} {/if} {/foreach} ~~~ ## 商品屬性 ~~~ {php $product_fields = get_fields_show($jz['tid'],$type['molds']) /} #也可以直接放進foreach里面，如{foreach get_fields_show($jz['tid'],$type['molds']) as $v} {foreach $product_fields as $v} 屬性名：{$v['fieldname']} {if($v['fieldtype']==7)} #單選輸出單選值：{fun get_key_field_select($jz[$v['field']],$type['molds'],$v['field'])} {else if($v['fieldtype']==8)} #多選輸出多選值，并用空格分隔：{fun implode(' ',get_key_field_select($jz[$v['field']],$type['molds'],$v['field']))} {else} #默認值輸出原值：{$jz[$v['field']]} {/if} {/foreach} ~~~ ## 點評/星星數 > 五顆星為滿分，評分數為總星數/投票數，點了星星并提交評論才算評分成功 ~~~ <div class="rating"> #獲取當前商品的點評數據 {php $comment = show_comment($jz['tid'],$jz['id']) /} #判斷是否有評論 #獲取星星數 {php $star_num = $comment['average'] /} #判斷是否有評論，如果沒有則返回false {if($comment['data'])} {for $i=1;$i<=$star_num;$i++}  <img src="assets/img/star.svg"> {/for} {if(round($star_num)!=$star_num)}  <img src="assets/img/star-half-empty.svg"> {/if} {if($star_num<5)} {for $i=1;$i<=(5-$star_num);$i++}  <img src="assets/img/star-empty.svg"> {/for} {/if} #星星數：{$star_num} #投票數：{$comment['count']} {$star_num} - {$comment['count']} 票 {else} #輸出5個空星 <img src="assets/img/star-empty.svg"><img src="assets/img/star-empty.svg"><img src="assets/img/star-empty.svg"><img src="assets/img/star-empty.svg"><img src="assets/img/star-empty.svg"> 0 - 0 票 {/if} </div> ~~~ ## 加入購物車 ~~~ <button onclick="addcart({$type['id']},{$jz['id']},1)" class="btn btn-primary" type="button"><i class="icon-basket"></i>加入購物車</button> ~~~ ## 加入購物車JS ~~~ function addcart(tid,id,num){ $.ajax({ url:"{fun U('user/addcart')}",//請求的url地址 dataType:"json",//返回格式為json async:true,//請求是否異步，默認為異步，這也是ajax重要特性 data:{tid:tid,id:id,num:num,ajax:1},//參數值 type:"POST",//請求方式 beforeSend:function(){ //請求前的處理 }, success:function(r){ if(r.code==0){ window.location.href=r.url; }else{ alert(r.msg); } }, complete:function(){ //請求完成的處理 }, error:function(){ //請求出錯處理 alert('網絡錯誤'); } }) } ~~~ ## 相關商品 ~~~ 當前模塊標識[表名]：{$type['molds']} 當前商品ID：{$jz['id']} {loop table="$type['molds']" notin="id|$jz['id']" limit="3" as="v"} notin：表示除當前ID外的產品商品標題：{$v['title']} 商品鏈接：{$v['url']} 商品SEO標題：{$v['seo_title']} 商品關鍵詞：{$v['keywords']} 商品點擊量：{$v['hits']} 商品主圖：{$v['litpic']} 商品價格：{$v['price']} 商品庫存：{$v['stock_num']} 商品簡介：{$v['description']} 商品內容：{$v['body']} 商品上傳管理員：{fun adminInfo($v['userid'],'name')} 商品更新時間：{fun date('Y-m-d',$v['addtime'])} {/loop} ~~~ ## 上一個 ~~~ #判斷是否有上一個 {if($aprev)} 上一個鏈接：{$aprev['url']} 上一個標題：{$aprev['title']} {else} #如果沒有上一個，則輸出這里的內容 {/if} ~~~ ## 下一個 ~~~ #判斷是否有下一個 {if($anext)} 下一個的鏈接：{$anext['url']} 下一個的標題：{$anext['title']} {else} #如果沒有下一個，則輸出這里的內容 {/if} ~~~ ## 點贊 ~~~ #判斷是否點贊 {if(checkLikes($type['id'],$jz['id']))} <span style="color:#f00;cursor:pointer;" onclick="likes({$type['id']},{$jz['id']})" class="icon-like">已點贊</span> {else} <span style="color:gray;cursor:pointer;" onclick="likes({$type['id']},{$jz['id']})" class="icon-like">點贊</span> {/if} ~~~ ## 點贊JS ~~~ function likes(tid,id){ $.ajax({ url:"{fun U('user/likesAction')}",//請求的url地址 dataType:"json",//返回格式為json async:true,//請求是否異步，默認為異步，這也是ajax重要特性 data:{tid:tid,id:id,ajax:1},//參數值 type:"POST",//請求方式 beforeSend:function(){ //請求前的處理 }, success:function(r){ if(r.code==0){ alert(r.msg); window.location.reload(); }else{ alert(r.msg); } }, complete:function(){ //請求完成的處理 }, error:function(){ //請求出錯處理 alert('網絡錯誤'); } }) } ~~~ ## 收藏 ~~~ #判斷是否已經收藏 {if(checkCollect($type['id'],$jz['id']))} <span style="color:#f00;cursor:pointer;" onclick="collect({$type['id']},{$jz['id']})">已收藏</span> {else} <span style="color:gray;cursor:pointer;" onclick="collect({$type['id']},{$jz['id']})">收藏</span> {/if} ~~~ #收藏JS ~~~ function collect(tid,id){ $.ajax({ url:"{fun U('user/collectAction')}",//請求的url地址 dataType:"json",//返回格式為json async:true,//請求是否異步，默認為異步，這也是ajax重要特性 data:{tid:tid,id:id,ajax:1},//參數值 type:"POST",//請求方式 beforeSend:function(){ //請求前的處理 }, success:function(r){ if(r.code==0){ alert(r.msg); window.location.reload(); }else{ alert(r.msg); } }, complete:function(){ //請求完成的處理 }, error:function(){ //請求出錯處理 alert('網絡錯誤'); } }) } ~~~