QQ:在线客服

24小时客服:0531-55587968   15069066861 建站流程

NEWS建网站知识

济南建网站知识,网站建设技术灵魂总结
Website news, Technical summary of soul

ecshop2.7.3加入购物车弹出层效果

点击次数:更新时间:2012-11-23 01:11:23【打印】【关闭】

        在济南网站建设中开发ecshop的商城网站,不免会遇到有的客户需要改一下是否继续购物这个地方,因为官方的那个样子实在是太丑了。ecshop2.7.3加入购物车弹出层效果。怎么修改呢,济南腾飞网络讲解一下方法:

效果如图:

ecshop2.7.3加入购物车弹出层效果

 

一、进入网站后台--网店设置--购物车确定提示--如图所示:

ecshop2.7.3加入购物车弹出层效果

二、打开js/common.js找到104行就是case '1'  替换之前的 if (confirm(result.message)) location.href = cart_url;为opencartDiv(result.shop_price,result.goods_name,result.goods_thumb,result.goods_brief,result.goods_id,result.goods_price,result.goods_number);

三、复制

到这个common.js里  大家看了会觉的这个函数很熟悉 这就是这个文件里的 我只是拿出来修改了一下 ,当然我们可以自己重新写弹出层 比如用jquery

四、打开flow.php  181行左右加入

  1. $rows = $GLOBALS['db']->getRow("select goods_brief,shop_price,goods_name,goods_thumb from ".$GLOBALS['ecs']->table('goods')." where goods_id=".$goods->goods_id);
  2. $result['shop_price'] = price_format($rows['shop_price']);
  3. $result['goods_name'] = $rows['goods_name'];
  4. $result['goods_thumb'] = $rows['goods_thumb'];
  5. $result['goods_brief'] = $rows['goods_brief'];
  6. $result['goods_id'] = $goods->goods_id;
  7. $sql = 'SELECT SUM(goods_number) AS number, SUM(goods_price * goods_number) AS amount' .
  8. ' FROM ' . $GLOBALS['ecs']->table('cart') .
  9. " WHERE session_id = '" . SESS_ID . "' AND rec_type = '" . CART_GENERAL_GOODS . "'";
  10. $rowss = $GLOBALS['db']->GetRow($sql);
  11. $result['goods_price'] = price_format($rowss['amount']);
  12. $result['goods_number'] = $rowss['number'];
  13. 就是加入购物车成功的判断里面

五、我把我们做的样式和图片也贴出来 不是很漂亮了

  1. /* 购物车弹出效果*/
  2. .cartpopDiv{
  3. width:450px;
  4. padding:0 25px;
  5. float:left;
  6. }
  7. .toptitle{
  8. width:450px;
  9. float:left;
  10. padding:16px 0;
  11. background:url(../images/cartpop_bg.gif) left bottom repeat-x;
  12. }
  13. .toptitle a.pic{
  14. float:left;
  15. width:100px;
  16. height:100px;
  17. overflow:hidden;
  18. }
  19. .toptitle p{
  20. float:right;
  21. width:350px;
  22. font-size:14px;
  23. line-height:20px;
  24. height:58px;
  25. overflow:hidden;
  26. }
  27. .coninfo{
  28. float:left;
  29. width:450px;
  30. padding:4px 0 6px;
  31. background:url(../images/cartpop_bg.gif) left bottom repeat-x;
  32. font-size:14px;
  33. }
  34. .coninfo table{
  35. float:left;
  36. width:100%;
  37. border:none;
  38. color:#a00;
  39. }
  40. .coninfo table td.left{
  41. width:82px;
  42. text-align:right;
  43. font-weight:bold;
  44. }
  45. .coninfo table td.left span,
  46. .toptitle p a{color:#333}
  47. .coninfo table td .gray{color:#999}
  48. .coninfo table td strong{color:#f00}
  49. .coninfo table td font{font-size:18px}
济南网站建设成功案例更多
底部线条

7x24小时服务热线:0531-55587968   15069066861   网站建设博客