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   網站建設博客

湖南彩票开奖结果查询