Version 5.1.5

Ajax addOne事件 返回

addOne : 购物车产品数量加1

<!--addOne ajax示例代码-->
<ul>
	{openzc:cart}
	<li>
		... ...
		<span class="openzc-btn" data-action="addOne" data-id="[field:id/]" data-reload="ajaxcart"></span>
		... ...
	</li>
	{/openzc:cart}
</ul>
购物车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>