夺命雷公狗---ECSHOP---09---商品属性和配件模版的修改过程

本文介绍了一种用于展示商品配件属性的模板实现方式。通过不同类型的输入控件(如单选框、复选框和下拉框)来展示配件的不同属性及其价格变动情况,并通过JavaScript函数`changePrice()`来实时更新总价。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里其实套下他们的模版即可

 

{*--------配件属性开始-------*}
                                {foreach from=$specification item=spec key=spec_key}
                                <li class="padd loop">
                                {$spec.name}:<BR />
                                {if $spec.attr_type eq 1}
                                    {if $cfg.goodsattr_style eq 1}
                                        {foreach from=$spec.values item=value key=key}
                                            <label title="{if $value.price gt 0}加{$value.format_price}{else /}减{$value.format_price}{/if}{$value.format.price}" >
                                                <input type="radio" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}"
                        {if $key eq 0}checked{/if} onclick="changePrice()" />
                                                  {$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><br />
                                            </label>
                                        {/foreach}
                                    {else /}
                                     <select name="spec_{$spec_key}" onchange="changePrice()">
                                        {foreach from=$spec.values item=value key=key}
                                        <option label="{$value.label}" value="{$value.id}">{$value.label} {if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if}{if $value.price neq 0}{$value.format_price}{/if}</option>
                                        {/foreach}
                                      </select>
                                    {/if}
                                {else /}
                                {foreach from=$spec.values item=value key=key}
                                    <label for="spec_value_{$value.id}">
                                    <input type="checkbox" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" onclick="changePrice()" />
                                    {$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><br />
                                     {/foreach}
                                {/if}
                                </li>
                                {/foreach}
                                {*-----配件属性结束-------*}

 

 

 

 

实现后的效果:

转载于:https://www.cnblogs.com/leigood/p/5036694.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值