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

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家

效果如下：


goods.dwt修改如何下：

  1. <!-- {foreach from=$spec.values item=value key=key} -->

  3. <a {if $key eq 0}class="cattsel"{/if} onclick="changeAtt(this,{$value.id},{$goods.goods_id})" href="javascript:;" name="{$value.id}" title="[{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}]">{$value.label}<input style="display:none" id="spec_value_{$value.id}" type="radio" name="spec_{$spec_key}" value="{$value.id}" {if $key eq 0}checked{/if} /></a>

  5. <!-- {/foreach} -->
复制代码


在显示详细信息合适的地方加
  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. }

  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');

  5. $json = new JSON;
  6. // $res = array('err_msg' => '', 'result' => '', 'qty' => 1);

  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));

  14. }
复制代码


通过以上操作便可实现淘宝类似功能，有关点击购物车弹出层效果 下次更新

回答：
支持..........

等这个很久了。感谢。。顶一下

不客气 ，加入购物车代码已共享。

支持!!!!

支持齐老师

这帖子好强大呀

非常感谢。

顶,好帖收藏

效果如下：
在goods.dwt加js代码;
qiyongdong 发表于 2010-10-9 17:59

说得不清楚啊，这个代码怎么加？加在哪个文件里？加在哪里？
还有，下面那个 添加70行左右吧，什么意思？在70行的地方添加？添加70行代码？

这些个东东，要么不发，要发就请严谨点。并不是每个人都是写代码的。对比DZ论坛的免费插件，只要懂安装，就能装好。我装了不知道多少插件了，就是看不懂你这个，无从下手。

还请完善。

用Macromedia Dreamweaver打开goods.php 70行 还有那个不明白




您如果不会的话联系我 我帮你安装

clothing 模板能用吗

你好，我按照你的那个方法做，发现库存没有随着所选选的尺码和颜色变动，还是显示总的库存，我用的是2.72的版本，烦请解疑，谢谢！