Luxe: 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 h-nm">
		<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:item name="customfields" param="Read_Basket('continue_url', l.settings:continue_url)" />
<mvt:if expr="l.settings:continue_url">
	<mvt:assign name="g.continue_url" value="l.settings:continue_url" />
<mvt:else>
	<mvt:assign name="g.continue_url" value="l.settings:urls:SFNT:auto" />
</mvt:if>
<mvt:if expr="l.settings:basket:empty">
	<h5 class="column message message--info">
		<div>Your shopping cart is currently empty.</div><br>
		<div><a class="button button--hollow border--primary color--primary" href="&mvt:global:continue_url;">Start Shopping</a></div>
	</h5>
	<mvt:exit />
</mvt:if>

<section class="basket-display" data-scroll>
	<div class="row h-nm h-hide h-show---m basket-display__header-row">
		<div class="column three-fourths large-seven-twelfths">Product</div>
		<div class="column one-fourth large-one-sixth h-align-center">Quantity</div>
		<div class="column one-eighth h-hide h-show---l h-align-right">Price</div>
		<div class="column one-eighth h-hide h-show---l h-align-right">Subtotal</div>
	</div>
	<!-- end .basket-display__header-row -->
	<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 h-nm basket-display__product-row border--gray">
			<div class="column one-third medium-one-fourth large-one-twelfth h-align-center">
				<img src="&mvte:group:imagetypes:main;" alt="&mvt:group:name;" title="&mvt:group:name;">
			</div>
			<div class="column two-thirds medium-half large-half">
				<p>
					<a class="color--black" href="&mvte:group:link;" title="&mvt:group:name;" rel="nofollow">
						<strong>&mvt:group:name;</strong>
						<mvt:if expr="l.settings:group:upsold">
							&nbsp;(Special Offer)
						</mvt:if>
					</a>
					<mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
						<br />
					</mvt:if>
				</p>
				<p>
					<mvt:foreach iterator="discount" array="group:discounts">
						<mvt:if expr="l.settings:discount:display">
							<mvt:if expr="'sale' CIN l.settings:discount:descrip">
								<mvt:assign name="l.settings:discount:descrip" value="'Savings'"/>
							<mvt:else>
								<mvt:assign name="l.settings:discount:descrip" value="l.settings:discount:descrip"/>
							</mvt:if>
							<span class="color--red font--small">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</span><br>
						</mvt:if>
					</mvt:foreach>
					<mvt:foreach iterator="option" array="group:options">
						<mvt:assign name="l.settings:group:option_counter" value="l.settings:group:option_counter + 1" />
						<span class="font--small">
							<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>
						</span><br>
						<mvt:foreach iterator="discount" array="option:discounts">
							<mvt:if expr="l.settings:discount:display">
								<span class="color--red font--small">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</span><br>
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
				</p>
				<mvt:if expr="l.settings:group:subterm_id">
					<p>Subscription: &mvte:group:productsubscriptionterm:descrip;</p>
				</mvt:if>
				<mvt:if expr="l.settings:group:product:id AND (NOT l.settings:group:product:productsubscriptionsettings:enabled OR NOT l.settings:group:product:productsubscriptionsettings:mandatory)">
					<p><a href="&mvte:urls:WISH:secure_sep;Action=MPWL&Group_ID=&mvta:group:group_id;" class="font--small font--uppercase"><span class="font--bold icon--add"></span>&nbsp;&nbsp;Save Item For Later</a></p>
				</mvt:if>
			</div>
			<div class="h-breaker h-clear h-all-hidden---m"></div>
			<div class="column two-thirds small-half medium-one-fourth large-one-sixth h-align-center">
				<mvt:if expr="l.settings:group:upsold">
					<p>&mvt:group:quantity;</p>
				<mvt:else>
					<form method="post" action="&mvte:urls:BASK:auto;" data-hook="group-&mvte:group:group_id;">
						<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;">
						<div class="cmp-product-purchase__quantity" data-hook="cmp-adjust-quantity">
							<button class="button bg--silver color--black icon--subtract" data-action="decrement" data-hook="remove-item" data-remove="&mvte:urls:BASK:auto_sep;Action=RGRP&Basket_Group=&mvta:group:group_id;&Restore_Name=&mvta:group:name;&Restore_Params=&mvta:group:restore:params;"></button>
							<input class="bg--white h-align-center input--font-small input--medium" data-group="group-&mvte:group:group_id;" data-hook="group-quantity" type="tel" name="Quantity" value="&mvt:group:quantity;">
							<button class="button bg--silver color--black icon--add" data-action="increment"></button>
							<noscript><button type="submit" class="button button--block button--mini bg--transparent h-clear font-uppercase" data-icon="&#x40;">Update</button></noscript>
						</div>
					</form>
				</mvt:if>
				<div class="h-all-hidden h-all-shown---m h-all-hidden---l h-align-right">
					<p>
						<span class="font--small font--uppercase color--gray">Price:&nbsp;</span>
						<strong>&mvt:group:formatted_base_price;</strong>
						<mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
							<br>
						</mvt:if>
					</p>
					<p>
						<mvt:foreach iterator="discount" array="group:discounts">
							<mvt:if expr="l.settings:discount:display">
								<span class="font--small">&nbsp;</span>
							</mvt:if>
						</mvt:foreach>
						<mvt:foreach iterator="option" array="group:options">
							<mvt:if expr="l.settings:option:base_price">
								<span class="font--small">&mvt:option:formatted_base_price;</span><br>
							<mvt:else>
								<span class="font--small">&nbsp;</span><br>
							</mvt:if>
						</mvt:foreach>
					</p>
					<br><br>
					<p>
						<span class="font--small font--uppercase color--gray">Subtotal:&nbsp;</span>
						<strong>&mvt:group:formatted_subtotal_comprehensive;</strong>
						<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>
				</div>
			</div>
			<div class="column h-all-hidden h-all-shown---l large-one-eighth h-align-right">
				<p>
					<strong>&mvt:group:formatted_base_price;</strong>
					<mvt:if expr="NOT ISNULL l.settings:group:customfield_values:customfields:author">
						<br />
						<small class="h-all-hidden h-all-shown---m">&nbsp;</small>
					</mvt:if>
					<mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
						<br>
					</mvt:if>
				</p>
				<p>
					<mvt:foreach iterator="discount" array="group:discounts">
						<mvt:if expr="l.settings:discount:display">
							<span class="font--small">&nbsp;</span><br>
						</mvt:if>
					</mvt:foreach>
					<mvt:foreach iterator="option" array="group:options">
						<mvt:if expr="l.settings:option:base_price">
							<span class="font--small">&mvt:option:formatted_base_price;</span><br>
						<mvt:else>
							<span class="font--small">&nbsp;</span><br>
						</mvt:if>
					</mvt:foreach>
				</p>
			</div>
			<div class="column one-third small-half h-all-hidden---m h-all-shown---l large-one-eighth h-align-right">
				<p>
					<strong>&mvt:group:formatted_subtotal_comprehensive;</strong>
					<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>
			</div>
		</div>
	</mvt:foreach>
	<div class="h-breaker"></div>
	<!-- end .basket-display__product-row -->
	<div class="row">
		<div class="column whole medium-half x-large-two-thirds h-np">
			<div class="basket-display__secondary-actions">
				<div class="">
					<a href="&mvt:global:continue_url;" title="Continue Shopping" class="color--black font--uppercase no-decoration button button--medium bg--transparent"><span class="icon--chevron-left font--bold"></span>&nbsp;&nbsp;Continue Shopping</a>
					<a href="&mvte:urls:WISH:secure_sep;Action=MAWL" title="Save Cart for Later" class="color--black font--uppercase no-decoration button button--medium bg--transparent"><span class="icon--add font--bold"></span>&nbsp;&nbsp;Save Cart for Later</a>
				</div>
				<div class="form-display-toggle">
					<input type="checkbox" id="l-coupon-form" class="h-all-hidden" />
					<label for="l-coupon-form" class="color--black font--uppercase no-decoration button button--medium bg--transparent h-align-left">Have A Promo Code?</label>
					<form class="h-nm toggle-width" method="post" action="&mvte:urls:_self:auto;">
						<input type="hidden" name="Action" value="ACPN" />
						<div class="input-group border--secondary">
							<input id="l-coupon-code" class="input--medium input-group__element font--uppercase" type="text" name="Coupon_Code" placeholder="Enter Promo Code">
							<input class="button button--medium cta-secondary--invert font--uppercase" type="submit" value="Apply">
						</div>
					</form>
				</div>
			</div>
			<!-- end .basket-display__secondary-actions -->
		</div>
		<div class="column whole medium-half x-large-one-third">
			<div class="row basket-display__totals">
				<mvt:foreach iterator="coupon" array="basket:coupons">
					<form method="post" action="&mvte:urls:BASK:auto;" class="column two-thirds h-align-right---s">
						<input type="hidden" name="Action" value="RCPN" />
						<input type="hidden" name="Coupon_Code" value="&mvte:coupon:code;" />
						Discount:
						<button class="button button--mini bg--transparent h-align-baseline h-nb h-no-shadows" type="submit">&mvt:coupon:code; <span class="color--red font--micro icon--remove"></span></button>
					</form>
					<p class="column one-third h-align-right color--red font--bold">&mvt:coupon:descrip;</p>
				</mvt:foreach>
				<p class="column two-thirds h-align-right---s">Shipping</p>
				<p class="column one-third h-align-right font--bold"><a class="color--primary no-decoration" data-hook="open-shipping-estimator" href="">Estimate</a></p>
				<mvt:foreach iterator="charge" array="basket:charges">
					<p class="column two-thirds h-align-right---s">&mvt:charge:descrip;</p>
					<p class="column one-third h-align-right font--bold">&mvt:charge:formatted_disp_amt;</p>
				</mvt:foreach>
				<p class="column two-thirds h-align-right---s font--uppercase h4">Total</p>
				<p class="column one-third h-align-right h4">&mvt:basket:formatted_total;</p>
				<div class="h-breaker h-clear"></div>
				<div class="column whole h-align-center h-align-right---s">
					<a class="button button--large cta-primary font--uppercase" href="&mvte:urls:OINF:auto;">Secure Checkout</a>
				</div>
			</div>
			<!-- end .basket-display__totals -->
		</div>
	</div>
</section>
<!-- end .basket-display -->
<mvt:item name="shipestimate" />