Ajax cartQty事件 返回
cartQty : 购物车产品数量监听修改
<!--cartQty ajax示例代码-->
<ul>
{openzc:cart}
<li>
... ...
<input class="openzc-input" data-action="cartQty" data-id="[field:id/]" data-reload="ajaxcart" type="text" value="[field:products_qty/]" size="[field:products_quantity/]" />
... ...
</li>
{/openzc:cart}
</ul>
购物车AJAX操作示例
PRODUCTS LIST
点击下列产品添加购物车,ajax加载在左侧列表
<!--判断购物车是否为空-->
<div class="row">
<div class="tt-shopcart-table-02 col-sm-12 col-xl-8">
{openzc:ajax filename="ajaxcart"}
{openzc:if $cartCount>0}
<table>
<tbody>
{openzc:cart imgsizer="100,125"}
<tr>
<td>
<div class="tt-product-img"><img src="[field:products_image/]" alt=""></div>
</td>
<td>
<h2 class="tt-title"><a href="[field:products_link/]">[field:products_name/]</a></h2>
<ul class="tt-list-description">
{openzc:loopson item="attr"}
<input type="hidden" name="id[[field:id/]][[field:options_id/]]" value="[field:options_values_id/]"/>
<li>[field:products_options_name/]: [field:products_options_values_name/]</li>
{/openzc:loopson}
</ul>
<ul class="tt-list-parameters">
<li><div class="tt-price">[field:products_price/]</div></li>
{openzc:if IS_MOBILE==true}
<li>
<div class="detach-quantity-mobile">
<div class="tt-input-counter style-01">
<span class="minus-btn openzc-btn" data-action="cutOne" data-id="[field:id/]" data-reload="ajaxcart"></span>
<input class="openzc-input" data-action="cartQty" data-id="[field:id/]" data-reload="ajaxcart" type="text" value="[field:products_qty/]" size="[field:products_quantity/]" />
<span class="plus-btn openzc-btn" data-action="addOne" data-id="[field:id/]" data-reload="ajaxcart"></span>
</div>
</div>
</li>
{/openzc:if}
<li><div class="tt-price subtotal">[field:products_price_total/]</div></li>
</ul>
</td>
<td>
<div class="tt-price">[field:products_price/]</div>
</td>
{openzc:if IS_MOBILE==false}
<td>
<div class="detach-quantity-desctope">
<div class="tt-input-counter style-01">
<span class="minus-btn openzc-btn" data-action="cutOne" data-id="[field:id/]" data-reload="ajaxcart"></span>
<!--如果使用cartQty 就可以不用cutOne和addOne,cartQty是直接监听input数值变化-->
<input class="openzc-input" data-action="cartQty" data-id="[field:id/]" data-reload="ajaxcart" type="text"
value="[field:products_qty/]" size="[field:products_quantity/]" />
<span class="plus-btn openzc-btn" data-action="addOne" data-id="[field:id/]" data-reload="ajaxcart"></span>
</div>
</div>
</td>
{/openzc:if}
<td>
<div class="tt-price subtotal">[field:products_price_total/]</div>
</td>
<td>
<a href="javascript:void(0);" class="tt-btn-close openzc-btn" data-action="delCart" data-id="[field:id/]" data-reload="ajaxcart"></a>
</td>
</tr>
{/openzc:cart}
</tbody>
</table>
<div class="tt-shopcart-btn">
<div class="col-left"><a class="btn-link" href="/"><i class="icon-e-19"></i>CONTINUE SHOPPING</a></div>
<div class="col-right">
<a class="btn-link openzc-btn" href="Javascript:void(0)" data-action="clearCart" data-reload="ajaxcart"><i class="icon-h-02"></i>CLEAR SHOPPING CART</a>
<a href="{openzc:link name='FILENAME_SHOPPING_CART'/}" class="btn-link bd-0 font-weight-bold"><i class="icon-f-39"></i>VIEW CART</a>
</div>
</div>
{else}
<!--购物车为空-->
<div id="tt-pageContent">
<div class="container-indent nomargin">
<div class="tt-empty-cart">
<span class="tt-icon icon-f-39"></span>
<h1 class="tt-title">SHOPPING CART IS EMPTY</h1>
<p>You have no items in your shopping cart.</p>
<a href="/" class="btn btn-primary">CONTINUE SHOPPING</a>
</div>
</div>
</div>
{/openzc:if}
{/openzc:ajax}
</div>
<div class="col-sm-12 col-xl-4">
<div class="tt-shopcart-wrapper">
<div class="tt-shopcart-box">
<h4 class="tt-title">PRODUCTS LIST</h4>
<p>点击下列产品添加购物车,ajax加载在左侧列表</p>
</div>
<div class="tt-shopcart-box row">
{openzc:prolist cid="all" row="30"}
{openzc:if $field['buy_now']!=false}
<div class="col-6 mg-b-20">
<div class="tt-product thumbprod-center">
<div class="tt-image-box">
<a href="[field:products_link/]">
<span class="tt-img"><img src="[field:products_image/]" alt=""></span>
<span class="tt-img-roll-over">
<img src="{openzc:field.template/}style/images/loader.svg" data-src="[field:products_image_flip/]" alt=""></span>
<span class="tt-label-location">
{openzc:if strstr($field['products_flag'],"featured")}
<span class="tt-label-our-fatured">Featured</span>
{/openzc:if}
{openzc:if $field['productPriceDiscount']}
<span class="tt-label-sale">[field:productPriceDiscount/]</span>
{/openzc:if}
</span>
</a>
</div>
<div class="tt-description">
<h2 class="tt-title" style="line-height:20px"><a href="[field:products_link/]">[field:products_name/]</a></h2>
<div class="tt-price">
{openzc:if $field['productPriceDiscount']}
<span class="new-price">[field:products_price/]</span>
<span class="old-price">[field:products_original_price/]</span>
{else}
[field:products_price/]
{/openzc:if}
</div>
<div class="tt-row-btn">
<a href="javascript:void(0);" class="tt-btn-addtocart thumbprod-button-bg openzc-btn" data-action="buyNow" data-id="[field:products_id/]" data-reload="ajaxcart">BUY NOW</a>
</div>
</div>
</div>
</div>
{/openzc:if}
{/openzc:prolist}
</div>
</div>
</div>
</div>
<script src="/includes/templates/template_doc/html/modules/assets/js/openzc.js"></script>