DedeCMS购物车优化之提交数量和自定义字段到购物车

天外飘仙

用户体验是网站建设中最重要的环节，而流量只是其中一个影响SEO排名的因素而已，真正发生转化的是网站拥有良好的用户体验和丰富内容。下面就围绕着用户体验分享一个购物流程的案例。
       DedeCMS有简单商城的功能，大多数人不用dede来做商城，而一般的企业站除了展示外，还有订单提交或者订购的功能。网上资源比较有限，大多东抄西抄，能真正做的人还是比较少。废话不多说，看效果图。

       可以看到dede商品模板中，实现功能如下：提交衣服尺码，购物数量，自定义字段到购物车；提交到购物车后停留在原页面。
1.衣服尺码、购物数量等自定义字段提交到购物车   

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

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

复制代码

       在提交表单里面增加字段，guige为自定义，buynum为默认，不可更改。
<

1. form id="formcar" name="formcar method="post" action="{dede:field name='phpurl'/}/posttocar.php">
   
2. ....
   
3. <p>尺码：
   
4. <select name="guige" >
   
5.   <option value="155/76">155/76</option>
   
6.   <option value="155/78">155/78</option>
   
7.   <option value="155/80">155/80</option>
   
8.   <option value="155/82">155/82</option>
   
9. </select>
   
10. </p>
    
11. <p>
    
12. <input name="buynum" type="text" id="buynum" value="1"/>
    
13. </p>
    
14. .....
    
15. </form>

复制代码

       表单的数据发送到/plus/postocar.php，获取数据传送到购物车。找到/plus/postocar.php，大概在43行左右找到

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

复制代码

      下面增加，可以理解为增加一个guige的索引，值为提交过来的guige字段

1. $rows['guige'] = $_POST['guige'];
   
2. $rows['buynum'] = $_POST['buynum'];

复制代码

       打开/templates/plus/car.htm，找到
{dede:array.Items}
       找到下面字段，在下面（或者其他合适的位置）

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

复制代码

2.提交到购物车后停留在原页面

       这里也不需要js支持，打开/plus/postocar.php，大概在46行，修改为对应的部分

1. $cart->addItem($id, $rows);
   
2. ShowMsg("已添加加到购物车！", "javascript:history.go(-1);", false, 500);  //修改提示字段,跳转时间为500毫秒,,返回上一页

复制代码

       用户提交商品到购物车后不跳转到购物车，直接返回原页面并刷新该页面。