sppurchase 商品购买

基础用法]
标签:sppurchase
描述:商品购买标签,获取当前商品的参数列表,仅在产品详情页、列表页表用,更多调用方法见示例。
用法:
<!--商品购买组件start-->
{eyou:sppurchase id='field' currentstyle='btn-danger'}
    <!-- 价格 标签开始 这里列出所有,请按需删除 -->
        <div class="ey-price">
            <!-- 原价 -->
            <span>¥{$field.old_price}</span> 
        </div>
        
        <div class="ey-price">
            <!-- 规格价 -->
            <span>¥{$field.spec_price}</span> 
        </div>
        
        <div class="ey-price">
            <!-- 会员价 设置会员折扣时会规格价+原价-->
            <span>¥{$field.users_price}</span> 
        </div>
        
        <div class="ey-price">
            <!-- 划线价 -->
            <span>¥{$field.crossed_price}</span> 
        </div>
        
        <div class="ey-price">
            <!-- 商品总价 -->
            <span>¥{$field.totol_price}</span> 
        </div>
    <!-- 价格 标签结束 -->
    

    <!-- 规格 标签开始 -->
    <div class="ey-spec">
    {eyou:volist name="$field.ReturnData" id='field2'}
        <div class="row m-t-15">
            <label class="form-control-label col-sm-7">{$field2.spec_name}</label>
            <div class="col-sm-10">
            {eyou:volist name="$field2.spec_value" id='field3'}
                <a href="JavaScript:void(0);" {$field3.SpecData} class="btn btn-default btn-selected {$field3.SpecClass}">{$field3.spec_value}</a>
            {/eyou:volist}
            </div>
        </div>
    {/eyou:volist}
    </div>
    <!-- 规格 标签结束 -->

    <!-- 数量操作 标签开始 -->
    <div class="ey-number">
        <label>数量</label>
        <div class="btn-input">
            <button class="layui-btn" {$field.ReduceQuantity}>-</button>
            <input type="text" class="layui-input" {$field.UpdateQuantity}>
            <button class="layui-btn" {$field.IncreaseQuantity}>+</button>
        </div>
    </div>
    <!-- 数量操作 标签结束 -->

    <!-- 库存量 标签开始 -->
    <span {$field.stock_show}>库存量:{$field.stock_count} 件</span>
    <!-- 库存量 标签结束 -->

    <!-- 购买按钮 标签开始 -->
    <div class="ey-buyaction">
        <a class="ey-joinin" href="JavaScript:void(0);" {$field.ShopAddCart}>加入购物车</a>
        <a class="ey-joinbuy" href="JavaScript:void(0);" {$field.BuyNow}>立即购买</a>
    </div>
    <!-- 购买按钮 标签结束 -->

    {$field.hidden}
{/eyou:sppurchase}
<!--购物车组件end-->
属性:
id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}


文档最后更新时间:2024-04-11 14:51:41

文档
目录

深色
模式

切换
宽度