女神猫女王

代理加盟 2020全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 織夢大學 > 使用教程 >

DedeCMS購物車優化之提交數量和自定義字段到購物車

來源:本站原創 發布時間:2020-04-01 21:18:52熱度:我要評論(0

免費下載,無需注冊無需充值

       用戶體驗是網站建設中最重要的環節,而流量只是其中一個影響SEO排名的因素而已,真正發生轉化的是網站擁有良好的用戶體驗和豐富內容。下面就圍繞著用戶體驗分享一個購物流程的案例。

       DedeCMS有簡單商城的功能,大多數人不用dede來做商城,而一般的企業站除了展示外,還有訂單提交或者訂購的功能。網上資源比較有限,大多東抄西抄,能真正做的人還是比較少。廢話不多說,看效果圖。

       可以看到dede商品模板中,實現功能如下:提交衣服尺碼,購物數量,自定義字段到購物車;提交到購物車后停留在原頁面。

(帖子2016年1月5日更新)

      有朋友問我上面商品頁的下面幾個縮略圖的調用和放大鏡效果,特寫了一個帖子結合dede圖集局部放大鏡效果jquery特效代碼兼容性強

1.衣服尺碼、購物數量等自定義字段提交到購物車   

         這里并不需要js支持,只需要在商品模板中,找到

<form id="formcar" name="formcar" method="post" action="{dede:field name='phpurl'/}/posttocar.php">

       在提交表單里面增加字段,guige為自定義,buynum為默認,不可更改。如果想實現按鈕自動增加減,請移步dede購物車優化之商品全選及數量增加減按鈕。

<form id="formcar" name="formcar method="post" action="{dede:field name='phpurl'/}/posttocar.php">
....
<p>尺碼:
 <select name="guige" >
  <option value="155/76">155/76</option>
  <option value="155/78">155/78</option>
  <option value="155/80">155/80</option>
  <option value="155/82">155/82</option>
</select>
</p>
<p>
<input name="buynum" type="text" id="buynum" value="1"/>
</p>
.....
</form>

       表單的數據發送到/plus/postocar.php,獲取數據傳送到購物車。找到/plus/postocar.php,大概在43行左右找到

$rows['title']     = $rs['title'];

      下面增加,可以理解為增加一個guige的索引,值為提交過來的guige字段

$rows['guige'] = $_POST['guige'];
$rows['buynum'] = $_POST['buynum'];

       打開/templates/plus/car.htm,找到

 {dede:array.Items}

       找到下面字段,在下面(或者其他合適的位置)

<td height="23"><span class="price">{dede:value.price/}</span ></td>
<!--后面增加-->
<td height="23">{dede:value.guige/}</td>

2.提交到購物車后停留在原頁面

       這里也不需要js支持,打開/plus/postocar.php,大概在46行,修改為對應的部分

$cart->addItem($id, $rows);
ShowMsg("已添加加到購物車!", "javascript:history.go(-1);", false, 500);  //修改提示字段,跳轉時間為500毫秒,,返回上一頁

       用戶提交商品到購物車后不跳轉到購物車,直接返回原頁面并刷新該頁面。參考文章《DedeCMS用ShowMsg函數提示信息跳轉改為彈出提示框》。

DedeCMS購物車優化文章:

①購物車數量和現實縮略圖參考文章《DedeCMS全站調用購物車數量顯示縮略圖

②訂單號修改參考文章《DedeCMS購物車優化之自動更新數量更改訂單號

③提交商品數量到購物車參考文章《DedeCMS購物車優化之商品全選及數量增加減按鈕

轉載請注明來源網址:http://www.qksux.club/dedecms_jq/1463.html

    發表評論

    評論列表(條)

      女神猫女王 533768860453283482501444489104788356408003956344135479703681214596897167780310905948702272828727547 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();