Levels: 10.04 Basket Contents Update

bask-basket.html

<mvt:if expr="g.Action EQ 'RGRP'">
	<mvt:assign name="g.Quantity" value="miva_variable_value('Quantity' $ g.Restore_Counter)" />
	<mvt:assign name="g.Restore_Name" value="miva_variable_value('Restore_Name' $ g.Restore_Counter)" />
	<mvt:assign name="g.Restore_Params" value="miva_variable_value('Restore_Params' $ g.Restore_Counter)" />
	<div class="message message-info">
		<strong>&mvte:global:Restore_Name;</strong> has been removed from your cart. <a href="&mvte:urls:BASK:auto_sep;&mvte:global:Restore_Params;">Undo?</a>
	</div>
	<mvt:assign name="g.Restore_Counter" value="g.Restore_Counter + 1" />
</mvt:if>
<mvt:if expr="l.settings:basket:empty">
	<h5 class="column whole message message-info">Your shopping cart is currently empty.</h5>
	<p class="column whole">
		<a href="&mvte:urls:SFNT:auto;" class="button button-square">Start Shopping</a>
	</p>
	<mvt:exit />
</mvt:if>
<div class="column whole medium-all-hidden cart-summary">
	<span class="column half"><strong>Cart Subtotal:</strong></span>
	<span class="column half align-right"><strong>&mvt:basket:formatted_total;</strong></span>
	<br class="clear" />
	<hr noshade />
	<p class="align-center"><a href="&mvt:global:secure_sessionurl;Screen=OINF&Store_Code=&mvte:store:code;" title="Proceed to Secure Checkout" class="button button-block button-square button-medium bg-green white uppercase">Checkout</a></p>
	<div class="basket-header-row align-center">Cart Summary</div>
</div>
<div class="column whole cart-contents">
	<div class="row hide medium-show basket-header-row">
		<div class="column five-eighths">Product</div>
		<div class="column one-eighth align-center">Quantity</div>
		<div class="column one-eighth align-right">Price</div>
		<div class="column one-eighth align-right">Subtotal</div>
	</div>
	<mvt:foreach iterator="group" array="basket:groups">
		<mvt:assign name="l.settings:group:restore:params" value="'Action=ADPR&Product_Code=' $ encodeattribute( l.settings:group:product:code ) $ '&Quantity=' $ encodeattribute( l.settings:group:quantity )" />
		<div class="row basket-product-row">
			<div class="column one-fourth align-center">
				<mvt:if expr="l.settings:group:imagetypes:main">
					<img src="&mvte:group:imagetypes:main;" alt="&mvt:group:name;">
				<mvt:else>
					&nbsp;
				</mvt:if>
			</div>
			<div class="column three-fourths medium-three-eighths">
				<h4 class="nm">
					<a href="&mvte:group:link;" title="&mvt:group:name;">
						&mvt:group:name;
						<mvt:if expr="l.settings:group:upsold">&nbsp;(Special Offer)</mvt:if>
					</a>
				</h4>
				<div class="basket-product-details">
					<p>Code: &mvt:group:code;</p>
					<mvt:foreach iterator="option" array="group:options">
						<mvt:assign name="l.settings:group:option_counter" value="l.settings:group:option_counter + 1" />
						<p>
							<mvt:if expr="l.settings:option:option_id">
								<mvt:assign name="l.settings:group:restore:params" value="l.settings:group:restore:params $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:code=' $ encodeattribute( l.settings:option:attr_code ) $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:value=' $ encodeattribute( l.settings:option:opt_code )" />
								&mvt:option:attr_prompt;: &mvt:option:opt_prompt;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data">
								<mvt:assign name="l.settings:group:restore:params" value="l.settings:group:restore:params $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:code=' $ encodeattribute( l.settings:option:attr_code ) $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:value=' $ encodeattribute( l.settings:option:data )" />
								&mvt:option:attr_prompt;: &mvt:option:data;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
								<mvt:assign name="l.settings:group:restore:params" value="l.settings:group:restore:params $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:code=' $ encodeattribute( l.settings:option:attr_code ) $ '&Product_Attributes[' $ encodeattribute( l.settings:group:option_counter ) $ ']:value=' $ encodeattribute( l.settings:option:data_long )" />
								&mvt:option:attr_prompt;: &mvt:option:data_long;
							<mvt:else>
								&mvt:option:attr_prompt;
							</mvt:if>
						</p>
						<mvt:foreach iterator="discount" array="option:discounts">
							<mvt:if expr="l.settings:discount:display">
								<p>&mvt:discount:descrip;: &mvt:discount:formatted_discount;</p>
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<mvt:if expr="l.settings:group:subterm_id">
						<p>Subscription: &mvte:group:productsubscriptionterm:descrip;</p>
					</mvt:if>
					<mvt:foreach iterator="discount" array="group:discounts">
						<mvt:if expr="l.settings:discount:display">
							<p>&mvt:discount:descrip;: &mvt:discount:formatted_discount;</p>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="l.settings:group:product:id">
						<p><a href="&mvte:urls:WISH:secure_sep;Action=MPWL&Group_ID=&mvta:group:group_id;">+ Add To Wishlist</a></p>
					</mvt:if>
				</div>
			</div>
			<div class="breaker clear medium-all-hidden"></div>
			<div class="column half x-small-offset-one-fourth x-small-one-fourth medium-offset-none medium-one-eighth">
				<mvt:if expr="l.settings:group:upsold">
					<p class="align-center">&mvt:group:quantity;</p>
				<mvt:else>
					<form method="post" action="&mvte:urls:BASK:rr;" class="nm">
						<input type="hidden" name="Action" value="QTYG" />
						<input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" />
						<input type="hidden" name="Old_Screen" value="BASK" />
						<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
						<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
						<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
						<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
						<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
						<input type="hidden" name="Restore_Name" value="&mvt:group:name;">
						<input type="hidden" name="Restore_Params" value="&mvte:group:restore:params;">
						<mvt:comment><input type="tel" name="Quantity" value="&mvt:group:quantity;" class="align-center" /></mvt:comment>
						<input type="tel" name="Quantity" value="&mvt:group:quantity;" class="align-center float-left increase-decrease-input" data-min="0">
						<div class="increase-decrease-wrap float-left">
							<span class="button increase-quantity js-increase-quantity" unselectable="on" data-icon="&#x4c;"></span>
							<span class="button decrease-quantity js-decrease-quantity" unselectable="on" data-icon="&#x4b;"></span>
						</div>
						<button type="submit" class="js-hide button button-small button-small-font js-update-quantity"><span data-icon="&#xe02a;" class="hide medium-inline"></span>Update</button>
					</form>
					<form method="post" action="&mvte:urls:BASK:rr;" class="nm hide" class="">
						<input type="hidden" name="Action" value="RGRP" />
						<input type="hidden" name="Restore_Name" value="&mvt:group:name;">
						<input type="hidden" name="Restore_Params" value="&mvte:group:restore:params;">
						<input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" />
						<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
						<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
						<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
						<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
						<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
						<button type="submit" class="button button-mini button-block bg-transparent remove-item"><strong class="hide medium-inline">&times;</strong> Remove</button>
					</form>
				</mvt:if>
			</div>
			<div class="column hide medium-show medium-one-eighth align-right">
				<mvt:if expr="l.settings:group:price EQ '0' OR l.settings:group:price EQ '0.00' OR l.settings:group:price EQ 0.00 OR l.settings:group:price EQ 0">
					<p>&nbsp;</p>
				<mvt:else>
					<p>&mvt:group:formatted_base_price;</p>
				</mvt:if>
				<br>
				<mvt:foreach iterator="option" array="group:options">
					<mvt:if expr="l.settings:option:base_price">
						<p><small>&mvt:option:formatted_base_price;</small></p>
					</mvt:if>
				</mvt:foreach>
			</div>
			<div class="column half medium-one-eighth medium-align-right">
				<p class="medium-all-hidden"><strong>Item Subtotal</strong></p>
				<mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
					<s>&mvt:group:formatted_subtotal_base_price;</s><br>
				</mvt:if>
				<p>&mvt:group:formatted_subtotal_comprehensive;</p>
			</div>
		</div>
	</mvt:foreach>
	<mvt:foreach iterator="coupon" array="basket:coupons">
		<div class="row basket-product-row">
			<div class="column whole">
				<form method="post" action="&mvte:urls:BASK:rr;" class="nm">
					<input type="hidden" name="Action" value="RCPN" />
					<input type="hidden" name="Coupon_Code" value="&mvte:coupon:code;" />
					<mvt:if expr="NOT ISNULL l.settings:coupon:descrip">
						Coupon - &mvt:coupon:code;: &mvt:coupon:descrip;
					<mvt:else>
						Coupon - &mvt:coupon:code;
					</mvt:if>
					<button type="submit" class="button button-mini bg-transparent red align-baseline">Remove</button>
				</form>
			</div>
		</div>
	</mvt:foreach>
</div>
<div>
	<div class="column whole medium-two-thirds np">
		<mvt:item name="customfields" param="Read_Basket('continue_shopping', l.settings:urls:continue_shopping)" />
		<mvt:if expr="l.settings:urls:continue_shopping">
			<a href="&mvte:urls:continue_shopping;" class="button button-medium button-small-font bg-transparent blue uppercase secondary-action-button">Continue Shopping</a>
		<mvt:else>
			<a href="&mvte:urls:SFNT:auto;" class="button button-medium button-small-font bg-transparent blue uppercase secondary-action-button">Continue Shopping</a>
		</mvt:if>
		<a href="&mvte:urls:WISH:secure_sep;Action=MAWL" class="button button-medium button-small-font bg-transparent blue uppercase secondary-action-button">Move All to Wish List</a>
		<button type="button" class="button button-medium button-small-font bg-transparent blue uppercase js-slide-toggle secondary-action-button" data-target="#js-coupon-form">Redeem Coupon</button>
		<form method="post" action="&mvte:urls:BASK:rr;" class="nm <mvt:if expr="g.Action NE 'ACPN'">js-hide</mvt:if>" id="js-coupon-form">
			<input type="hidden" name="Action" value="ACPN" />
			<div class="column half large-one-fourth nlp">
				<input type="text" name="Coupon_Code" id="l-coupon-code" class="input" placeholder="Enter coupon code.." value="&mvte:global:Coupon_Code;">
			</div>
			<div class="column one-fourth large-one-eighth np">
				<button class="button button-medium button-small-font bg-transparent blue uppercase">Redeem</button>
			</div>
			<div class="breaker clear clearfix"></div>
		</form>
	</div>
	<div class="column whole medium-one-third np">
		<mvt:comment><div class="all-hidden medium-all-shown basket-header-row align-center">Cart Summary</div></mvt:comment>
		<mvt:foreach iterator="charge" array="basket:charges">
			<div class="row basket-charge-row">
				<div class="column half"><em>&mvt:charge:descrip;:</em></div>
				<div class="column half align-right">&mvt:charge:formatted_disp_amt;</div>
			</div>
		</mvt:foreach>
		<mvt:item name="shipestimate" />
		<div class="row basket-charge-row">
			<div class="column half"><strong>TOTAL:</strong></div>
			<div class="column half align-right"><strong>&mvt:basket:formatted_total;</strong></div>
		</div>
		<div class="breaker"></div>
		<hr noshade />
		<a href="&mvte:urls:OINF:secure;" title="Proceed to Secure Checkout" class="button button-block button-square button-medium bg-green white uppercase">Checkout</a>
		<br />
		<mvt:item name="PaypalExButton"/>
	</div>
</div>