首页 > 运营 > 帮助中心 > 正文

仿淘宝商品详细页实现尺码颜色关联显示库存

2019-10-16 21:46:19
字体:
来源:转载
供稿:网友

goods.dwt修改如何下:
仿淘宝商品详细页实现尺码颜色关联显示库存
   

  1. <!-- {foreach from=$spec.values item=value key=key} -->
  2.  
  3. <a {if $key eq 0}class="cattsel"{/if} onclick="changeAtt(this,{$value.id},{$goods.goods_id})" href="javascript:;" name="{$value.id}" />
      在显示详细信息合适的地方加

    1. <font style=" color:#CCCCCC;">(库存:<font id="shows_number">{$goods.goods_number} {$goods.measure_unit}</font>)</font>
     

    这是动态加载库存的地方
       选择打钩这个样式论坛有人发过 也不是很难 我不在详细贴出

    在goods.dwt加js代码;

    1. function changeAtt(t,a,goods_id) {
    2. t.lastChild.checked='checked';
    3. for (var i = 0; i<t.parentNode.childNodes.length;i++) {
    4. if (t.parentNode.childNodes[i].className == 'cattsel') {
    5. t.parentNode.childNodes[i].className = '';
    6. }
    7. }
    8.  
    9. t.className = "cattsel";
    10. var formBuy = document.forms['ECS_FORMBUY'];
    11. spec_arr = getSelectedAttributes(formBuy);
    12. Ajax.call('goods.php?act=get_products_info', 'id=' + spec_arr+ '&goods_id=' + goods_id, shows_number, 'GET', 'JSON');
    13. changePrice();
    14. }
    15. function shows_number(result)
    16. {
    17. if(result.product_number !=undefined)
    18. {
    19. $('shows_number').innerHTML = result.product_number+'件';
    20. }
    21. else
    22. {
    23. $('shows_number').innerHTML = '未设置'
    24. }
    25. }


    打开goods.php添加70行左右吧 

     

    1. if (!empty($_REQUEST['act']) && $_REQUEST['act'] == 'get_products_info')
    2. {
    3. include('includes/cls_json.php');
    4.  
    5. $json = new JSON;
    6. // $res = array('err_msg' => '', 'result' => '', 'qty' => 1);
    7.  
    8. $spce_id = $_GET['id'];
    9. $goods_id = $_GET['goods_id'];
    10. $row = get_products_info($goods_id,explode(",",$spce_id));
    11. //$res = array('err_msg'=>$goods_id,'id'=>$spce_id);
    12. die($json->encode($row));
    13.  
    14. }
     
    通过以上操作便可实现淘宝类似功能,有关点击购物车弹出层效果
    仿淘宝商品详细页实现尺码颜色关联显示库存
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表