Miva Merchant 9.7 Template Changes
The following is a list of all changes from Miva Merchant 9.68 to Miva Merchant 9.7 with regards to the template code/css files. Please note, some template code changed drastically and as such, only the new template code has been included. In these cases, if you have not made any custom changes to your template, you should be able to just put the template into point and click mode, set the preferences to your liking, and click update to generate the new template code. If you have made alterations specific to your store, you should compare the differences between your template code and the provided template code in the "New" section and make the changes based on that.

CSSUI: ACAD

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Account Registration</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="ACAD one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Account Registration</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<mvt:if expr="g.Order">
					<mvt:assign name="l.settings:url" value="l.settings:urls:OINF:secure" />
				<mvt:elseif expr="g.Redeem">
					<mvt:assign name="l.settings:url" value="l.settings:urls:RGFT:secure" />
				<mvt:elseif expr="g.WishList">
					<mvt:assign name="l.settings:url" value="l.settings:urls:WISH:secure" />
				<mvt:else>
					<mvt:assign name="l.settings:url" value="l.settings:urls:ACED:secure" />
				</mvt:if>

				<form id="acad_form" method="post" action="&mvte:url;" autocomplete="off">
				<input type="hidden" name="Action" value="ICST" />
				<input type="hidden" name="Order" value="&mvte:global:Order;" />
				<div id="customer-fields" class="editable"><mvt:item name="customer" /></div>
				<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Account Registration</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="ACAD one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Account Registration</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<mvt:if expr="g.Order">
					<mvt:assign name="l.settings:url" value="l.settings:urls:OINF:secure" />
				<mvt:elseif expr="g.Redeem">
					<mvt:assign name="l.settings:url" value="l.settings:urls:RGFT:secure" />
				<mvt:elseif expr="g.WishList">
					<mvt:assign name="l.settings:url" value="l.settings:urls:WISH:secure" />
				<mvt:else>
					<mvt:assign name="l.settings:url" value="l.settings:urls:ACED:secure" />
				</mvt:if>

				<form id="acad_form" method="post" action="&mvte:url;" autocomplete="off">
				<input type="hidden" name="Action" value="ICST" />
				<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
				<input type="hidden" name="Order" value="&mvte:global:Order;" />
				<div id="customer-fields" class="editable"><mvt:item name="customer" /></div>
				<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: ACED

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Account</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="ACED one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<div class="logout-link"><a href="&mvte:urls:SFNT:secure_sep;Action=LOGO">Logout</a></div>
				<h1>Edit Account Information</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="aced_form" method="post" action="&mvte:urls:ACED:secure;">
				<input type="hidden" name="Action" value="UCST" />
				<div id="customer-fields" class="editable"><mvt:item name="customer" /></div>
				<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Account</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="ACED one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<div class="logout-link"><a href="&mvte:urls:SFNT:secure_sep;Action=LOGO">Logout</a></div>
				<h1>Edit Account Information</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="aced_form" method="post" action="&mvte:urls:ACED:secure;">
				<input type="hidden" name="Action" value="UCST" />
				<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
				<div id="customer-fields" class="editable"><mvt:item name="customer" /></div>
				<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CADA

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Add Customer Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CADA one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Address Book: New Address</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="cada_form" method="post" action="&mvte:urls:CABK:secure;">
					<input type="hidden" name="Action" value="ICSA" />
					<div class="address-container"><mvt:item name="addressfields" /></div>
					<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Add Customer Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CADA one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Address Book: New Address</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="cada_form" method="post" action="&mvte:urls:CABK:secure;">
					<input type="hidden" name="Action" value="ICSA" />
					<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
					<div class="address-container"><mvt:item name="addressfields" /></div>
					<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CADE

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CADE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Address Book: Edit Address</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="cade_form" method="post" action="&mvte:urls:CABK:secure;">
					<input type="hidden" name="Action" value="UCSA" />
					<div class="address-container"><mvt:item name="addressfields" /></div>
					<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CADE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Address Book: Edit Address</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="cade_form" method="post" action="&mvte:urls:CABK:secure;">
					<input type="hidden" name="Action" value="UCSA" />
					<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
					<div class="address-container"><mvt:item name="addressfields" /></div>
					<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CEML

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Customer Change Email Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CEML one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
				<form id="ceml" name="ceml" action="&mvte:urls:CEML:secure;" method="post" autocomplete="off">
				<input type="hidden" name="Action" value="CEML" />
				<div class="change-emailaddress-section">
					<h3>Change Email Address</h3>
					<mvt:if expr="l.settings:messages:error_message_count">
					<div class="error-message">
					<mvt:foreach iterator="error" array="messages:error_messages">
						&mvt:error;
					</mvt:foreach>
					</div>
					<mvt:elseif expr="l.settings:messages:information_message_count">
					<div class="information-message">
					<mvt:foreach iterator="message" array="messages:information_messages">
						&mvt:message;
					</mvt:foreach>
					</div>
					</mvt:if>

					<div>For security purposes, please enter your current password.</div>

					<mvt:if expr="g.Customer_CurrentPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_CurrentPassword">Current Password:</label><input type="password" name="Customer_CurrentPassword" id="Customer_CurrentPassword" class="textfield ceml-input" value="" autocomplete="off" />
					</div>

					<div style="margin-top: 13px;">Please enter your new email address.</div>
					
					<div class="form_row">
						<label class="required">Old Email Address:</label><span class="oldemailaddress">&mvte:global:Customer:pw_email;</span>
					</div>
					<div class="clear"></div>
					
					<mvt:if expr="g.Customer_LoginEmail_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_LoginEmail">New Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield ceml-input" value="" autocomplete="off" />
					</div>
					
					<mvt:if expr="g.Customer_VerifyLoginEmail_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_VerifyLoginEmail">Confirm Email Address:</label><input type="text" name="Customer_VerifyLoginEmail" id="Customer_VerifyLoginEmail" class="textfield ceml-input" value="" autocomplete="off" />	
					</div>
					<div class="clear"></div>
					<div class="change-buttons">
						<input type="submit" value="Submit" class="button" />
					</div>
				</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>


						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Customer Change Email Address</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CEML one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
				<form id="ceml" name="ceml" action="&mvte:urls:CEML:secure;" method="post" autocomplete="off">
				<input type="hidden" name="Action" value="CEML" />
				<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
				<div class="change-emailaddress-section">
					<h3>Change Email Address</h3>
					<mvt:if expr="l.settings:messages:error_message_count">
					<div class="error-message">
					<mvt:foreach iterator="error" array="messages:error_messages">
						&mvt:error;
					</mvt:foreach>
					</div>
					<mvt:elseif expr="l.settings:messages:information_message_count">
					<div class="information-message">
					<mvt:foreach iterator="message" array="messages:information_messages">
						&mvt:message;
					</mvt:foreach>
					</div>
					</mvt:if>

					<div>For security purposes, please enter your current password.</div>

					<mvt:if expr="g.Customer_CurrentPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_CurrentPassword">Current Password:</label><input type="password" name="Customer_CurrentPassword" id="Customer_CurrentPassword" class="textfield ceml-input" value="" autocomplete="off" />
					</div>

					<div style="margin-top: 13px;">Please enter your new email address.</div>
					
					<div class="form_row">
						<label class="required">Old Email Address:</label><span class="oldemailaddress">&mvte:global:Customer:pw_email;</span>
					</div>
					<div class="clear"></div>
					
					<mvt:if expr="g.Customer_LoginEmail_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_LoginEmail">New Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield ceml-input" value="" autocomplete="off" />
					</div>
					
					<mvt:if expr="g.Customer_VerifyLoginEmail_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_VerifyLoginEmail">Confirm Email Address:</label><input type="text" name="Customer_VerifyLoginEmail" id="Customer_VerifyLoginEmail" class="textfield ceml-input" value="" autocomplete="off" />	
					</div>
					<div class="clear"></div>
					<div class="change-buttons">
						<input type="submit" value="Submit" class="button" />
					</div>
				</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CPCA

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Add Customer Payment Card</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPCA one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Customer Payment Cards: Add Card</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div id="fields-key">
					<div><span class="required">Bold</span> = Required</div>
					<div><span class="italic">Italic</span> = Optional</div>
				</div>

				<form id="cpca_form" method="post" action="&mvte:urls:CPCD:auto;">
					<input type="hidden" name="Action" value="ICPC" />

					<div class="paymentcard-container"><mvt:item name="mivapay" /></div>

					<div class="continue-button">
						<script type="text/javascript">
							var onclick_submit = function( event )
							{
								if ( MivaPay && ( typeof MivaPay.Submit === 'function' ) )
								{
									MivaPay.Submit( function()
									{
										var form;

										form = document.getElementById( 'cpca_form' );
										form.submit();
									} );
								}
							}
						</script>

						<span onclick="onclick_submit(); return false;">
							<mvt:item name="buttons" param="Save" />
						</span>
					</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Add Customer Payment Card</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPCA one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Customer Payment Cards: Add Card</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div id="fields-key">
					<div><span class="required">Bold</span> = Required</div>
					<div><span class="italic">Italic</span> = Optional</div>
				</div>

				<form id="cpca_form" method="post" action="&mvte:urls:CPCD:auto;">
					<input type="hidden" name="Action" value="ICPC" />
					<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />

					<div class="paymentcard-container"><mvt:item name="mivapay" /></div>

					<div class="continue-button">
						<script type="text/javascript">
							var onclick_submit = function( event )
							{
								if ( MivaPay && ( typeof MivaPay.Submit === 'function' ) )
								{
									MivaPay.Submit( function()
									{
										var form;

										form = document.getElementById( 'cpca_form' );
										form.submit();
									} );
								}
							}
						</script>

						<span onclick="onclick_submit(); return false;">
							<mvt:item name="buttons" param="Save" />
						</span>
					</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CPCE

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Payment Card</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPCE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Customer Payment Cards: Edit Card</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div id="fields-key">
					<div><span class="required">Bold</span> = Required</div>
					<div><span class="italic">Italic</span> = Optional</div>
				</div>

				<form id="cpce_form" method="post" action="&mvte:urls:CPCD:auto;">
					<input type="hidden" name="Action" value="UCPC" />
					<input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" />

					<div class="paymentcard-container"><mvt:item name="mivapay" /></div>

					<div class="continue-button">
						<script type="text/javascript">
							var onclick_submit = function( event )
							{
								if ( MivaPay && ( typeof MivaPay.Submit === 'function' ) )
								{
									MivaPay.Submit( function()
									{
										var form;

										form = document.getElementById( 'cpce_form' );
										form.submit();
									} );
								}
							}
						</script>

						<span onclick="onclick_submit(); return false;">
							<mvt:item name="buttons" param="Save" />
						</span>
					</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Payment Card</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPCE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Customer Payment Cards: Edit Card</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div id="fields-key">
					<div><span class="required">Bold</span> = Required</div>
					<div><span class="italic">Italic</span> = Optional</div>
				</div>

				<form id="cpce_form" method="post" action="&mvte:urls:CPCD:auto;">
					<input type="hidden" name="Action" value="UCPC" />
					<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
					<input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" />

					<div class="paymentcard-container"><mvt:item name="mivapay" /></div>

					<div class="continue-button">
						<script type="text/javascript">
							var onclick_submit = function( event )
							{
								if ( MivaPay && ( typeof MivaPay.Submit === 'function' ) )
								{
									MivaPay.Submit( function()
									{
										var form;

										form = document.getElementById( 'cpce_form' );
										form.submit();
									} );
								}
							}
						</script>

						<span onclick="onclick_submit(); return false;">
							<mvt:item name="buttons" param="Save" />
						</span>
					</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CPWD

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Customer Change Password</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPWD one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
				<form id="cpwd" name="cpwd" action="&mvte:urls:CPWD:secure;" method="post" autocomplete="off">
				<input type="hidden" name="Action" value="CPWD" />
				<div class="change-password-section">
					<h3>Change Password</h3>
					<mvt:if expr="l.settings:messages:error_message_count">
					<div class="error-message">
					<mvt:foreach iterator="error" array="messages:error_messages">
						&mvt:error;
					</mvt:foreach>
					</div>
					<mvt:elseif expr="l.settings:messages:information_message_count">
					<div class="information-message">
					<mvt:foreach iterator="message" array="messages:information_messages">
						&mvt:message;
					</mvt:foreach>
					</div>
					</mvt:if>

					<div>For security purposes, please enter your current password.</div>

					<mvt:if expr="g.Customer_CurrentPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_CurrentPassword">Current Password:</label><input type="password" name="Customer_CurrentPassword" id="Customer_CurrentPassword" class="textfield cpwd-input" value="" autocomplete="off" />
					</div>

					<div style="margin-top: 13px;">Please enter your new password.</div>

					<mvt:if expr="g.Customer_Password_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_Password">New Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield cpwd-input" value="" autocomplete="off" />
					</div>
					
					<mvt:if expr="g.Customer_VerifyPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_VerifyPassword">Confirm Password:</label><input type="password" name="Customer_VerifyPassword" id="Customer_VerifyPassword" class="textfield cpwd-input" value="" autocomplete="off" />	
					</div>
					<div class="clear"></div>
					<div class="change-buttons">
						<input type="submit" value="Submit" class="button" />
					</div>
				</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Customer Change Password</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CPWD one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
				<form id="cpwd" name="cpwd" action="&mvte:urls:CPWD:secure;" method="post" autocomplete="off">
				<input type="hidden" name="Action" value="CPWD" />
				<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
				<div class="change-password-section">
					<h3>Change Password</h3>
					<mvt:if expr="l.settings:messages:error_message_count">
					<div class="error-message">
					<mvt:foreach iterator="error" array="messages:error_messages">
						&mvt:error;
					</mvt:foreach>
					</div>
					<mvt:elseif expr="l.settings:messages:information_message_count">
					<div class="information-message">
					<mvt:foreach iterator="message" array="messages:information_messages">
						&mvt:message;
					</mvt:foreach>
					</div>
					</mvt:if>

					<div>For security purposes, please enter your current password.</div>

					<mvt:if expr="g.Customer_CurrentPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_CurrentPassword">Current Password:</label><input type="password" name="Customer_CurrentPassword" id="Customer_CurrentPassword" class="textfield cpwd-input" value="" autocomplete="off" />
					</div>

					<div style="margin-top: 13px;">Please enter your new password.</div>

					<mvt:if expr="g.Customer_Password_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_Password">New Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield cpwd-input" value="" autocomplete="off" />
					</div>
					
					<mvt:if expr="g.Customer_VerifyPassword_Invalid">
						<div class="form_row invalid">
					<mvt:else>
						<div class="form_row">
					</mvt:if>
						<label class="required" for="Customer_VerifyPassword">Confirm Password:</label><input type="password" name="Customer_VerifyPassword" id="Customer_VerifyPassword" class="textfield cpwd-input" value="" autocomplete="off" />	
					</div>
					<div class="clear"></div>
					<div class="change-buttons">
						<input type="submit" value="Submit" class="button" />
					</div>
				</div>
				</form>
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: CSBE

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Subscription</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CSBE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Edit Subscription: &mvte:subscriptionfields:productsubscriptionterm:descrip;</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="csbe_form" method="post" action="&mvte:urls:CSUB:secure;">
					<input type="hidden" name="Action" value="UCSB" />
					<div class="subscription-container"><mvt:item name="subscriptionfields" /></div>

					<div class="save-button">
						<div class="floatleft">
							<span onclick="window.location.href='&mvtj:urls:CSUB:auto;'; return false;">
								<input type="submit" value="Return to Subscriptions" class="button" />
							</span>
						</div>

						<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_cancel">
							<span onclick="if ( !confirm( 'Are you sure you want to cancel your subscription? This action cannot be undone.\x0A\x0AContinue?' ) ) { return false; } else { document.forms.csbe_form.elements.Action.value = 'DCSB'; }">
								<input type="submit" value="Cancel Subscription" class="button" />
							</span>
						</mvt:if>

						<mvt:if expr="( l.settings:subscriptionfields:productsubscriptionsettings:can_qty ) OR ( l.settings:subscriptionfields:productsubscriptionsettings:can_term ) OR ( l.settings:subscriptionfields:productsubscriptionsettings:can_date )">
							<input type="submit" value="Update Subscription" class="button" />
						</mvt:if>
					</div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Customer Subscription</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="CSBE one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Edit Subscription: &mvte:subscriptionfields:productsubscriptionterm:descrip;<mvt:if expr="l.settings:subscriptionfields:status EQ 'C'"> (Cancelled)</mvt:if></h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="csbe_form" method="post" action="&mvte:urls:CSUB:secure;">
					<input type="hidden" name="Action" value="UCSB" />
					<input type="hidden" name="CSRF_Token" value="&mvte:global:Basket:csrf_token;" />
					<div class="subscription-container"><mvt:item name="subscriptionfields" /></div>

					<div class="save-button">
						<div class="floatleft">
							<span onclick="window.location.href='&mvtj:urls:CSUB:auto;'; return false;">
								<input type="submit" value="Return to Subscriptions" class="button" />
							</span>
						</div>

						<mvt:if expr="( l.settings:subscriptionfields:status NE 'C' ) AND l.settings:subscriptionfields:productsubscriptionsettings:can_cancel AND ( ( l.settings:subscriptionfields:productsubscriptionsettings:cncl_min EQ 0 ) OR ( l.settings:subscriptionfields:termproc GE l.settings:subscriptionfields:productsubscriptionsettings:cncl_min ) )">
							<span onclick="if ( !confirm( 'Are you sure you want to cancel your subscription? This action cannot be undone.\x0A\x0AContinue?' ) ) { return false; } else { document.forms.csbe_form.elements.Action.value = 'DCSB'; }">
								<input type="submit" value="Cancel Subscription" class="button" />
							</span>
						</mvt:if>

						<mvt:if expr="l.settings:subscriptionfields:status NE 'C'">
							<input type="submit" value="Update Subscription" class="button" />
						</mvt:if>
					</div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: SRCH

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Search</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="SRCH">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Search Results</h1>

				<div class="search-again alignright">
				<form method="post" action="&mvte:urls:SRCH:rr;">	
				<label for="Search" class="bold">Search Again:</label>
				<input type="text" name="Search" id="Search" class="textfield" value="&mvte:global:Search;" />
				<mvt:item name="buttons" param="Search" />
				</form>
				</div>

				<mvt:if expr="NOT ISNULL g.Search">
					<mvt:if expr="l.settings:search_product_count EQ 0">
				<span class="italic">No products matched your search criteria</span>
					<mvt:else>
				<div id="search-results"><mvt:item name="search_results" /></div>
					</mvt:if>
				</mvt:if>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Search</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="SRCH">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="facets" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Search Results</h1>

				<div class="search-again alignright">
				<form method="get" action="&mvte:urls:SRCH:rr_noparams;">	
					<mvt:item name="urls" param="hidden_params:SRCH:rr" />

					<label for="Search" class="bold">Search Again:</label>
					<input type="text" name="Search" id="Search" class="textfield" value="&mvte:global:Search;" />

					<mvt:item name="buttons" param="Search" />
				</form>
				</div>

				<mvt:if expr="NOT ISNULL g.Search">
					<mvt:if expr="l.settings:search_product_count EQ 0">
				<span class="italic">No products matched your search criteria</span>
					<mvt:else>
				<div id="search-results"><mvt:item name="search_results" /></div>
					</mvt:if>
				</mvt:if>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: WISH

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Wish List</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="WISH one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>&mvte:wishlist:title;</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div style="margin-bottom:8px;">
					<mvt:if expr="NOT ISNULL l.settings:wishlist:notes">
						<span class="darkgrey italic inlineblock">Notes: &mvte:wishlist:notes;</span>
					</mvt:if>

					<mvt:if expr="l.settings:wishlist:cust_id EQ g.Basket:cust_id AND g.Customer_Session_Verified">
						<span class="floatright">
							<a href="&mvte:urls:WLED:auto_sep;WishList_ID=&mvta:wishlist:id;">Edit</a>
							<span class="grey">|</span>
							<a href="&mvte:urls:WLST:secure_sep;Action=DWSH&WishList_ID=&mvta:wishlist:id;" onclick="if ( !confirm( 'Are you sure you want to delete your wish list? This action cannot be undone\n\nContinue?' ) ) return false;">Delete</a>
							<span class="grey">|</span>
							<span class="darkgrey"><mvt:if expr="l.settings:wishlist:shared">Public<mvt:else>Private</mvt:if></span>
						</span>
						<div class="clear"></div>
					</mvt:if>
				</div>
				
				<mvt:item name="wishlistitems" />

				<mvt:if expr="l.settings:wishlistitems:item_count">
					<div class="action_all_container">
						<form method="post" action="&mvte:urls:BASK:secure;" />
							<input type="hidden" name="Action" value="AFWA" />
							<input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
							<mvt:item name="buttons" param="AddAllToBasket" />
						</form>
					</div>
				</mvt:if>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Wish List</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="WISH one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>&mvte:wishlist:title;</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<div style="margin-bottom:8px;">
					<mvt:if expr="NOT ISNULL l.settings:wishlist:notes">
						<span class="darkgrey italic inlineblock">Notes: &mvte:wishlist:notes;</span>
					</mvt:if>

					<mvt:if expr="l.settings:wishlist:cust_id EQ g.Basket:cust_id AND g.Customer_Session_Verified">
						<span class="floatright">
							<a href="&mvte:urls:WLED:auto_sep;WishList_ID=&mvta:wishlist:id;">Edit</a>
							<span class="grey">|</span>
							<a href="&mvte:urls:WLST:secure_sep;Action=DWSH&WishList_ID=&mvta:wishlist:id;" onclick="if ( !confirm( 'Are you sure you want to delete your wish list? This action cannot be undone.\x0A\x0AContinue?' ) ) return false;">Delete</a>
							<span class="grey">|</span>
							<span class="darkgrey"><mvt:if expr="l.settings:wishlist:shared">Public<mvt:else>Private</mvt:if></span>
						</span>
						<div class="clear"></div>
					</mvt:if>
				</div>
				
				<mvt:item name="wishlistitems" />

				<mvt:if expr="l.settings:wishlistitems:item_count">
					<div class="action_all_container">
						<form method="post" action="&mvte:urls:BASK:secure;" />
							<input type="hidden" name="Action" value="AFWA" />
							<input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
							<mvt:item name="buttons" param="AddAllToBasket" />
						</form>
					</div>
				</mvt:if>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: WLED

Original File
New File
 
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Wish List</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="WLED one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Edit Wish List</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="wled_form" method="post" action="&mvte:urls:WISH:secure;">
				<input type="hidden" name="Action" value="UWSH" />
				<div id="wishlist-fields" class="editable"><mvt:item name="wishlist" /></div>
				<div class="save-button">
					<div class="floatleft">
						<span onclick="if ( !confirm( 'Are you sure you want to delete your wish list? This action cannot be undone\n\nContinue?' ) ) { return false; } else { document.forms.wled_form.elements.Action.value = 'DWSH'; }">
							<input type="submit" value="Delete" class="button" />
						</span>
					</div>
					<mvt:item name="buttons" param="Save" />
				</div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

						
<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: Edit Wish List</title>
	</mvt:if>

	<base href="&mvt:global:basehref;" />
	<link rel="canonical" href="&mvte:urls:_self:auto;" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="WLED one-column">
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
	<table id="content-container">
		<tr>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

				<h1>Edit Wish List</h1>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>

				<form id="wled_form" method="post" action="&mvte:urls:WISH:secure;">
				<input type="hidden" name="Action" value="UWSH" />
				<div id="wishlist-fields" class="editable"><mvt:item name="wishlist" /></div>
				<div class="save-button">
					<div class="floatleft">
						<span onclick="if ( !confirm( 'Are you sure you want to delete your wish list? This action cannot be undone.\x0A\x0AContinue?' ) ) { return false; } else { document.forms.wled_form.elements.Action.value = 'DWSH'; }">
							<input type="submit" value="Delete" class="button" />
						</span>
					</div>
					<mvt:item name="buttons" param="Save" />
				</div>
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</div>
</body>
</html>

CSSUI: cssui.css

Original File
New File
 
NOTHING REMOVED OR MODIFIED, ONLY ADDED (SEE ADDED PANE)
						
.mm_searchfield_container{
	position:relative;
	display:inline-block;
}

.mm_searchfield{
	position:relative;
	display:inline-block;
	width:250px;
	padding:2px 3px;
	border:1px solid #ddd;
	outline:none;
	transition:0.25s all ease-in-out;
}

.mm_searchfield.focus{
	border-color:#3369e8;
}

.mm_searchfield_menu{
	position:absolute;
	display:none;
	top:19px;
	left:0;
	right:0;
	background:#fff;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	box-shadow:2px 2px 7px -2px rgba( 0, 0, 0, 0.25 );
	z-index:1;
}

.mm_searchfield_empty,
.mm_searchfield_message{
	position:relative;
	display:block;
	padding:15px;
	text-align:center;
	font-size:14px;
	color:#999;
}

.mm_searchfield_menuitem{
	position:relative;
	display:block;
	padding:10px 15px;
	color:#666;
	font-size:0;
	cursor:pointer;
}

.mm_searchfield_menuitem_image_container{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	width:50px;
	height:50px;
}

.mm_searchfield_menuitem_image{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	max-width:50px;
	max-height:50px;
}

.mm_searchfield_menuitem_title_container{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:calc( 100% - 60px );
}

.mm_searchfield_menuitem_field{
	position:relative;
	display:block;
	margin-bottom:4px;
	font-size:12px;
	color:#999;
	white-space:normal;
	word-break:break-all;
}

.mm_searchfield_menuitem_name{
	font-size:14px;
	color:#666;
}

.mm_searchfield_menuitem_header{
	position:relative;
	display:block;
	padding:10px 15px;
	margin:0;
	border-bottom:1px solid #ddd;
}

.mm_searchfield_menuitem_storesearch{
	border-top:1px solid #ddd;
	font-size:14px;
}

.mm_searchfield_menuitem_selected{
	background:#f1f1f1;
}

.mm_searchfield_menuitem_selected .mm_searchfield_menuitem_field{
	color:#333;
}

.mm_searchfield_menuitem_selected .mm_searchfield_menuitem_name{
	color:#000;
}

.mm_facet_rangeslider{
	position:relative;
	display:block;
	height:32px;
	margin:5px;
}

.mm_facet_rangeslider_input_container_low{
	position:absolute;
	top:0;
	left:0;
	width:65px;
	height:32px;
	margin:0;
	padding:8px 10px;
	border:1px solid #e3e3e3;
	border-radius:3px 0 0 3px;
	box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_high{
	position:absolute;
	top:0;
	right:0;
	width:65px;
	height:32px;
	margin:0;
	padding:8px 10px;
	border:1px solid #e3e3e3;
	border-radius:0 3px 3px 0;
	box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
	border-color:#1eabbd;
}

.mm_facet_rangeslider_input{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	height:14px;
	border:none;
	background:transparent;
	outline:none;
}

.mm_facet_rangeslider_track_container{
	position:absolute;
	top:0;
	right:65px;
	left:65px;
	height:32px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	box-sizing:border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_facet_rangeslider_track{
	position:absolute;
	top:50%;
	right:5px;
	left:5px;
	height:5px;
	transform:translateY(-50%);
}

.mm_facet_rangeslider_track_background{
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	left:10px;
	background:#ddd;
}

.mm_facet_rangeslider_track_selection{
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	left:10px;
	background:#1eabbd;
}

.mm_facet_rangeslider_track_handle_low,
.mm_facet_rangeslider_track_handle_high{
	position:absolute;
	top:50%;
	left:-10px;
	width:20px;
	height:20px;
	background:#fff;
	box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4 );
	border-radius:50%;
	transform:translateY(-50%);
	cursor: pointer;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini{
	height:64px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low{
	width:50%;
	border-radius: 3px 0 0 0;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high{
	width:50%;
	border-radius: 0 3px 0 0;
	border-left:none;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container{
	top:32px;
	right:0;
	left:0;
	border:1px solid #e3e3e3;
	border-top:none;
	border-radius:0 0 3px 3px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
	border-color:#e3e3e3;
	box-shadow:inset 2px 2px 5px rgba( 0, 0, 0, 0.15 );
}

CSSUI: EMAIL_ABANDONED_BASKET

Original File
New File
 

						

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
	<!--[if gte mso 9]><xml>
	<o:OfficeDocumentSettings>
	<o:AllowPNG/>
	<o:PixelsPerInch>96</o:PixelsPerInch>
	</o:OfficeDocumentSettings>
	</xml><![endif]-->
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="format-detection" content="date=no" />
	<meta name="format-detection" content="address=no" />
	<meta name="format-detection" content="telephone=no" />
	<title>Email Template</title>
	

	<style type="text/css" media="screen">
		/* Linked Styles */
		body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
		a { color:#2a68ce; text-decoration:none }
		p { padding:0 !important; margin:0 !important } 

		/* Mobile styles */
		@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { 
			div[class='mobile-br-5'] { height: 5px !important; }
			div[class='mobile-br-10'] { height: 10px !important; }
			div[class='mobile-br-15'] { height: 15px !important; }
			div[class='mobile-br-20'] { height: 20px !important; }
			div[class='mobile-br-25'] { height: 25px !important; }
			div[class='mobile-br-30'] { height: 30px !important; }

			th[class='m-td'], 
			td[class='m-td'], 
			div[class='hide-for-mobile'], 
			span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }

			span[class='mobile-block'] { display: block !important; }

			div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }

			div[class='img-m-center'] { text-align: center !important; }

			div[class='fluid-img'] img,
			td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }

			table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
			td[class='td'] { width: 100% !important; min-width: 100% !important; }
			
			table[class='center'] { margin: 0 auto; }
			
			td[class='column-top'],
			th[class='column-top'],
			td[class='column'],
			th[class='column'] { float: left !important; width: 100% !important; display: block !important; }

			td[class='content-spacing'] { width: 15px !important; }

			div[class='text-header'],
			div[class='text-footer-1'],
			div[class='text-footer'] { text-align: center !important; }
		} 
	</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
	<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
		<tr>
			<td align="center" valign="top">
				<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
					<tr>
						<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
									<td>
										<!-- Header -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
																		</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
																				<strong>&mvt:store:name;</strong>
																				<br />
																				<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
																					&mvte:store:address;<br />
																					&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
																					&mvte:store:country;
																				</span></a>
																			</div>
																		</td>
																	</tr>
																</table>
															</th>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Header -->

										<!-- Main -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<!-- Intro -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
														<tr>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
																	<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" />  <strong>Can we help you?</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>We noticed you still have items in your cart!</strong></div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															

															</td>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
														</tr>
													</table>
													<!-- END Intro -->

													<!-- Message -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
																	<strong>Hello Customer,</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
																	We noticed you left some items in your basket. Restore your basket with one click and checkout now!
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- END Message -->

													<mvt:item name="toe_basket_contents" />
												</td>
											</tr>
										</table>
										<!-- END Main -->
										
										<!-- Button -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td align="center" bgcolor="#2a68ce">
																			<table border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="70"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
																					<td bgcolor="#2a68ce">
																						<div class="text-btn-1" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:20px; text-align:center">
																							<a href="&mvte:urls:BASK:auto_sep;Session_ID=&mvte:global:Basket:session_id;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><strong class="link-white" style="color:#ffffff; text-decoration:none">View Cart</strong></a>
																						</div>
																					</td>
																					<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="70"></td>
																				</tr>
																			</table>
																		</td>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
												</td>
											</tr>
										</table>
										<!-- END Button -->

										<!-- Footer -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">Thank you for your business!</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
														<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
													</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- Contacts -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" />  Email Us</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" />   Call &mvte:store:phone;</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
													<!-- END Contacts -->

													<!-- Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<!-- END Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Footer -->
									</td>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
								</tr>
							</table>
							<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

CSSUI: EMAIL_SUBSCRIPTION_CANCELLED

Original File
New File
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
	<!--[if gte mso 9]><xml>
	<o:OfficeDocumentSettings>
	<o:AllowPNG/>
	<o:PixelsPerInch>96</o:PixelsPerInch>
	</o:OfficeDocumentSettings>
	</xml><![endif]-->
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="format-detection" content="date=no" />
	<meta name="format-detection" content="address=no" />
	<meta name="format-detection" content="telephone=no" />
	<title>Email Template</title>
	

	<style type="text/css" media="screen">
		/* Linked Styles */
		body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
		a { color:#2a68ce; text-decoration:none }
		p { padding:0 !important; margin:0 !important } 

		/* Mobile styles */
		@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { 
			div[class='mobile-br-5'] { height: 5px !important; }
			div[class='mobile-br-10'] { height: 10px !important; }
			div[class='mobile-br-15'] { height: 15px !important; }
			div[class='mobile-br-20'] { height: 20px !important; }
			div[class='mobile-br-25'] { height: 25px !important; }
			div[class='mobile-br-30'] { height: 30px !important; }

			th[class='m-td'], 
			td[class='m-td'], 
			div[class='hide-for-mobile'], 
			span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }

			span[class='mobile-block'] { display: block !important; }

			div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }

			div[class='img-m-center'] { text-align: center !important; }

			div[class='fluid-img'] img,
			td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }

			table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
			td[class='td'] { width: 100% !important; min-width: 100% !important; }
			
			table[class='center'] { margin: 0 auto; }
			
			td[class='column-top'],
			th[class='column-top'],
			td[class='column'],
			th[class='column'] { float: left !important; width: 100% !important; display: block !important; }

			td[class='content-spacing'] { width: 15px !important; }

			div[class='text-header'],
			div[class='text-footer-1'],
			div[class='text-footer'] { text-align: center !important; }
		} 
	</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
	<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
		<tr>
			<td align="center" valign="top">
				<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
					<tr>
						<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
									<td>
										<!-- Header -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
																		</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
																				<strong>&mvt:store:name;</strong>
																				<br />
																				<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
																					&mvte:store:address;<br />
																					&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
																					&mvte:store:country;
																				</span></a>
																			</div>
																		</td>
																	</tr>
																</table>
															</th>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Header -->

										<!-- Main -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<!-- Intro -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
														<tr>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="38" height="38" alt="" /></div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
																	<strong>Your Subscription Has Sucessfully<span class="hide-for-mobile"><br /></span> Been Cancelled.</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><mvt:if expr="l.settings:subscription:lastdate"><strong>Subscription Date: &mvte:subscription:formatted_lastdate;</strong></mvt:if></div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															</td>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
														</tr>
													</table>
													<!-- END Intro -->

													<!-- Message -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
																	<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
																	Your subscription has been cancelled. You will no longer be charged for this subscription.
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- END Message -->

													<mvt:item name="toe_subscription_fields" />
												</td>
											</tr>
										</table>
										<!-- END Main -->

										<!-- Footer -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
														<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
													</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- Contacts -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" />  Email Us</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" />   Call &mvte:store:phone;</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
													<!-- END Contacts -->

													<!-- Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<!-- END Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Footer -->
									</td>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
								</tr>
							</table>
							<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

						
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
	<!--[if gte mso 9]><xml>
	<o:OfficeDocumentSettings>
	<o:AllowPNG/>
	<o:PixelsPerInch>96</o:PixelsPerInch>
	</o:OfficeDocumentSettings>
	</xml><![endif]-->
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="format-detection" content="date=no" />
	<meta name="format-detection" content="address=no" />
	<meta name="format-detection" content="telephone=no" />
	<title>Email Template</title>
	

	<style type="text/css" media="screen">
		/* Linked Styles */
		body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
		a { color:#2a68ce; text-decoration:none }
		p { padding:0 !important; margin:0 !important } 

		/* Mobile styles */
		@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { 
			div[class='mobile-br-5'] { height: 5px !important; }
			div[class='mobile-br-10'] { height: 10px !important; }
			div[class='mobile-br-15'] { height: 15px !important; }
			div[class='mobile-br-20'] { height: 20px !important; }
			div[class='mobile-br-25'] { height: 25px !important; }
			div[class='mobile-br-30'] { height: 30px !important; }

			th[class='m-td'], 
			td[class='m-td'], 
			div[class='hide-for-mobile'], 
			span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }

			span[class='mobile-block'] { display: block !important; }

			div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }

			div[class='img-m-center'] { text-align: center !important; }

			div[class='fluid-img'] img,
			td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }

			table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
			td[class='td'] { width: 100% !important; min-width: 100% !important; }
			
			table[class='center'] { margin: 0 auto; }
			
			td[class='column-top'],
			th[class='column-top'],
			td[class='column'],
			th[class='column'] { float: left !important; width: 100% !important; display: block !important; }

			td[class='content-spacing'] { width: 15px !important; }

			div[class='text-header'],
			div[class='text-footer-1'],
			div[class='text-footer'] { text-align: center !important; }
		} 
	</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
	<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
		<tr>
			<td align="center" valign="top">
				<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
					<tr>
						<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
									<td>
										<!-- Header -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
																		</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
																	</tr>
																</table>
															</th>
															<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
																<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<td>
																			<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
																				<strong>&mvt:store:name;</strong>
																				<br />
																				<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
																					&mvte:store:address;<br />
																					&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
																					&mvte:store:country;
																				</span></a>
																			</div>
																		</td>
																	</tr>
																</table>
															</th>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Header -->

										<!-- Main -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<!-- Intro -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
														<tr>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="38" height="38" alt="" /></div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
																	<strong>Your Subscription Has Sucessfully<span class="hide-for-mobile"><br /></span> Been Cancelled.</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															</td>
															<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
														</tr>
													</table>
													<!-- END Intro -->

													<!-- Message -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
																	<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

																<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
																	Your subscription has been cancelled. You will no longer be charged for this subscription.
																</div>
																<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- END Message -->

													<mvt:item name="toe_subscription_fields" />
												</td>
											</tr>
										</table>
										<!-- END Main -->

										<!-- Footer -->
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td>
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
														<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
													</div>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

													<!-- Contacts -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" />  Email Us</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
																				</tr>
																			</table>
																		</th>
																		<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
																			<table width="100%" border="0" cellspacing="0" cellpadding="0">
																				<tr>
																					<td>
																						<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
																							<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" />   Call &mvte:store:phone;</span></a>
																						</div>
																					</td>
																				</tr>
																			</table>
																		</th>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
													<!-- END Contacts -->

													<!-- Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<td align="center">
																<table border="0" cellspacing="0" cellpadding="0">
																	<tr>
																		<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
																		<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
																	</tr>
																</table>
															</td>
														</tr>
													</table>
													<!-- END Socials -->
													<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>

												</td>
											</tr>
										</table>
										<!-- END Footer -->
									</td>
									<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
								</tr>
							</table>
							<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

User Interface > Search Settings > Search Preview Settings > JavaScript Template

Original File
New File
 
NEW TEMPLATE
						
MMSearchField.prototype.onMenuAppendHeader = function()
{
	return null;
}

MMSearchField.prototype.onMenuAppendItem = function( data )
{
	var span;

	span            = newElement( 'span', null, null, null );
	span.innerHTML  = data;

	return span;
}

MMSearchField.prototype.onMenuAppendStoreSearch = function( search_value )
{
	var item;

	item                = newElement( 'div', { 'class': 'mm_searchfield_menuitem mm_searchfield_menuitem_storesearch' }, null, null );
	item.element_text   = newTextNode( 'Search store for product "' + search_value + '"', item );

	return item;
}

MMSearchField.prototype.onFocus = function( e ) { ; };
MMSearchField.prototype.onBlur  = function( e ) { ; };

User Interface > Search Settings > Search Preview Settings > Menu Item Template

Original File
New File
 
NEW TEMPLATE
						
<div class="mm_searchfield_menuitem">
	<span class="mm_searchfield_menuitem_image_container">
		<mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main">
			<img class="mm_searchfield_menuitem_image" src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;" />
		</mvt:if>
	</span>
	<span class="mm_searchfield_menuitem_title_container">
		<span class="mm_searchfield_menuitem_field mm_searchfield_menuitem_name">&mvte:product:code; - &mvte:product:name;</span>
		<span class="mm_searchfield_menuitem_field mm_searchfield_menuitem_price">Price: 
			<span class="bold">&mvt:product:formatted_base_price;</span>
		</span>
	</span>
</div>

User Interface > Settings > Facets Layout

Original File
New File
 
NEW TEMPLATE
						
<div class="facets-tree">
	<form method="get" action="&mvte:urls:_self:auto_noparams;">
		<mvt:if expr="NOT ISNULL g.Category_Code AND toupper( g.Screen ) NE 'CTGY'">
			<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
		<mvt:elseif expr="NOT ISNULL g.Product_Code AND toupper( g.Screen ) NE 'PROD'">
			<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
		</mvt:if>

		<mvt:item name="urls" param="hidden_params:_self:auto" />
		<input type="hidden" name="Search" value="&mvte:global:Search;" />
		<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
		<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
		<mvt:foreach iterator="facet" array="facets:facets">
			<span class="facets-name"><b>&mvt:facet:name;</b></span><br />
			<mvt:if expr="l.settings:facet:type EQ 'radio'">
				<mvt:foreach iterator="facet_value" array="facet:values">
					<mvt:if expr="l.settings:facet_value:selected">
						<label><input type="radio" name="&mvte:facet:code;" class="mm_facet_radio" onclick="MMProdList_UpdateQuery( this ); return true;" checked value="&mvte:facet_value:value;" />&mvt:facet_value:prompt; (&mvte:facet_value:count;)</label><br />
					<mvt:else>
						<label><input type="radio" name="&mvte:facet:code;" class="mm_facet_radio" onclick="MMProdList_UpdateQuery( this ); return true;" value="&mvte:facet_value:value;" />&mvt:facet_value:prompt; (&mvte:facet_value:count;)</label><br />
					</mvt:if>
				</mvt:foreach>
			<mvt:elseif expr="l.settings:facet:type EQ 'checkbox'">
				<mvt:foreach iterator="facet_value" array="facet:values">
					<mvt:if expr="l.settings:facet_value:selected">
						<label><input type="checkbox" name="&mvte:facet:code;" class="mm_facet_checkbox" onclick="MMProdList_UpdateQuery( this ); return true;" checked value="&mvte:facet_value:value;" />&mvt:facet_value:prompt; (&mvte:facet_value:count;)</label><br />
					<mvt:else>
						<label><input type="checkbox" name="&mvte:facet:code;" class="mm_facet_checkbox" onclick="MMProdList_UpdateQuery( this ); return true;" value="&mvte:facet_value:value;" />&mvt:facet_value:prompt; (&mvte:facet_value:count;)</label><br />
					</mvt:if>
				</mvt:foreach>
			<mvt:elseif expr="l.settings:facet:type EQ 'select'">
				<select name="&mvte:facet:code;" class="mm_facet_select" onchange="MMProdList_UpdateQuery( this ); return true;">
					<option value=""><Select One></option>
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<option value="&mvte:facet_value:value;" selected>&mvt:facet_value:prompt; (&mvte:facet_value:count;)</option>
						<mvt:else>
							<option value="&mvte:facet_value:value;">&mvt:facet_value:prompt; (&mvte:facet_value:count;)</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			<mvt:elseif expr="l.settings:facet:type EQ 'rangeslider'">
				<mvt:assign name="l.settings:mm_facet_rangeslider_present" value="1" />
				<span class="mm_facet_rangeslider mm_facet_rangeslider_mini"
					  data-mm-facet-code="&mvte:facet:code;"
					  data-mm-facet-module-code="&mvte:facet:module:code;"
					  data-mm-facet-rangeslider-name="&mvte:facet:code;"
					  data-mm-facet-rangeslider-range-low="&mvte:facet:value_low;"
					  data-mm-facet-rangeslider-range-high="&mvte:facet:value_high;"
					  data-mm-facet-rangeslider-selected-range-low="&mvte:facet:selected_value_low;"
					  data-mm-facet-rangeslider-selected-range-high="&mvte:facet:selected_value_high;"></span>
            <mvt:elseif expr="l.settings:facet:type EQ 'nested'">
				<mvt:assign name="l.settings:nested_facet_margin" value="0" />
				<mvt:foreach iterator="applied_value" array="facet:applied_values">
					<input type="hidden" name="&mvte:facet:code;" value="&mvte:applied_value:value;">
					<div style="margin-left: &mvte:nested_facet_margin;px"><a href="#" onclick="MMProdList_RemoveNestedFacetValue( this, '&mvtj:facet:code;', '&mvtj:applied_value:value;' ); return false;">&mvt:applied_value:prompt</a></div>
					<mvt:assign name="l.settings:nested_facet_margin" value="l.settings:nested_facet_margin + 10" />
				</mvt:foreach>

				<mvt:foreach iterator="facet_value" array="facet:values">
					<div style="margin-left: &mvte:nested_facet_margin;px"><a href="#" onclick="MMProdList_AddNestedFacetValue( this, '&mvtj:facet:code;', '&mvtj:facet_value:value;' ); return false;">&mvt:facet_value:prompt; (&mvte:facet_value:count;)</a></div>
				</mvt:foreach>
			</mvt:if>
			<br />
		</mvt:foreach>
	</form>
</div>

User Interface > Settings > Global Header & Footer > Global Header

Original File
New File
 
<mvt:if expr = "g.Maintenance_Warning_Message">
<div id="maintenance">&mvte:global:Maintenance_Warning_Message;</div>
</mvt:if>
<div id="search">
	<form method="post" action="&mvte:urls:SRCH:rr;">
	<input type="text" name="Search" id="searchfield" value="&mvte:global:Search;" class="textfield" />
	<mvt:item name="buttons" param="Search" />
	</form>
</div>
<div id="header-links"><mvt:item name="customerlink" /><mvt:item name="affiliatelink" /><span class="grey">|</span>
<mvt:if expr="g.Basket:cust_id">
<mvt:item name="cssui_links" param="orderhistory">Order History</mvt:item>
<mvt:else>
<mvt:item name="cssui_links" param="orderhistory_login">Order History</mvt:item>
</mvt:if>
<span class="grey">|</span>
<mvt:item name="cssui_links" param="wishlist">Wish List</mvt:item></div>

<div id="logo"><mvt:item name="cssui_links" param="storefront"></mvt:item></div>
						
<mvt:if expr = "g.Maintenance_Warning_Message">
<div id="maintenance">&mvte:global:Maintenance_Warning_Message;</div>
</mvt:if>
<div id="search">
	<form method="post" action="&mvte:urls:SRCH:rr;">
	<mvt:item name="searchfield" />
	<mvt:item name="buttons" param="Search" />
	</form>
</div>
<div id="header-links"><mvt:item name="customerlink" /><mvt:item name="affiliatelink" /><span class="grey">|</span>
<mvt:if expr="g.Basket:cust_id">
<mvt:item name="cssui_links" param="orderhistory">Order History</mvt:item>
<mvt:else>
<mvt:item name="cssui_links" param="orderhistory_login">Order History</mvt:item>
</mvt:if>
<span class="grey">|</span>
<mvt:item name="cssui_links" param="wishlist">Wish List</mvt:item></div>

<div id="logo"><mvt:item name="cssui_links" param="storefront"></mvt:item></div>

CSSUI: CTGY: Category Listing Layout

Original File
New File
 
<div class="expanded"><div id="filter-items-container"><mvt:if expr="l.settings:category_listing:products_on_page_count GT 1">
		<div class="sorting">
			<label for="Sort_By">Sort By:</label>

			<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="ISNULL g.Sort_By">
					<option value="disp_order" selected="selected">Default</option>
				<mvt:else>
					<option value="disp_order">Default</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'bestsellers'">
					<option value="bestsellers" selected="selected">Best Selling</option>
				<mvt:else>
					<option value="bestsellers">Best Selling</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_asc'">
					<option value="price_asc" selected="selected">Lowest Price</option>
				<mvt:else>
					<option value="price_asc">Lowest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_desc'">
					<option value="price_desc" selected="selected">Highest Price</option>
				<mvt:else>
					<option value="price_desc">Highest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'newest'">
					<option value="newest" selected="selected">Newest Items</option>
				<mvt:else>
					<option value="newest">Newest Items</option>
				</mvt:if>
			</select>
		</div></mvt:if><mvt:if expr="l.settings:category_listing:products_on_page_count GT 1">
		<div class="per-page">
			<label for="Per_Page">View:</label>

			<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="g.Per_Page EQ 10">
					<option value="10" selected="selected">10</option>
				<mvt:else>
					<option value="10">10</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 20">
					<option value="20" selected="selected">20</option>
				<mvt:else>
					<option value="20">20</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 40">
					<option value="40" selected="selected">40</option>
				<mvt:else>
					<option value="40">40</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ -1">
					<option value="-1" selected="selected">All</option>
				<mvt:else>
					<option value="-1">All</option>
				</mvt:if>
			</select>
		</div></mvt:if>
	<mvt:if expr="l.settings:category_listing:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:category_listing:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:category_listing:page_links:current_page NE l.settings:category_listing:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:category_listing:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="category_listing:page_links:pages">
						<mvt:if expr="l.settings:category_listing:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:category_listing:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:last_link_params;" class="page-links-inactive">&mvte:category_listing:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="category_listing:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:CatListingOffset;" />
				<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;" />
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:CatListingOffset;" />
				<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;" />
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:category_listing:page_disp_count GT 0">
		<mvt:if expr="g.CatListingOffset OR g.CatListingNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.CatListingOffset GT 0">
			<div class="previous-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:CatListingPrevOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value = "&mvte:global:CatListingPrevOffset;" />
				<input type="hidden" name="RelatedOffset" value = "&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
				<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>
		
			<mvt:if expr="g.CatListingNextOffset GT 0">
			<div class="next-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:CatListingNextOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value = "&mvte:global:CatListingNextOffset;" />
				<input type="hidden" name="RelatedOffset" value = "&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
				<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>
						
<div class="expanded"><div id="filter-items-container">
	<mvt:if expr="l.settings:category_listing:total_prod_count GT 1">
		<div class="sorting">
			<form method="get" action="&mvte:urls:_self:auto_noparams;">	
				<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
					<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
					<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				</mvt:if>

				<mvt:item name="urls" param="hidden_params:_self:auto" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>

				<label for="Sort_By">Sort By:</label>
				<select id="Sort_By" name="Sort_By" onchange="MMProdList_UpdateQuery( this ); return true;">

					<mvt:if expr="ISNULL g.Sort_By">
						<option value="disp_order" selected="selected">Default</option>
					<mvt:else>
						<option value="disp_order">Default</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'bestsellers'">
						<option value="bestsellers" selected="selected">Best Selling</option>
					<mvt:else>
						<option value="bestsellers">Best Selling</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_asc'">
						<option value="price_asc" selected="selected">Lowest Price</option>
					<mvt:else>
						<option value="price_asc">Lowest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_desc'">
						<option value="price_desc" selected="selected">Highest Price</option>
					<mvt:else>
						<option value="price_desc">Highest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'newest'">
						<option value="newest" selected="selected">Newest Items</option>
					<mvt:else>
						<option value="newest">Newest Items</option>
					</mvt:if>
				</select>
			</form>
		</div></mvt:if>
		<mvt:if expr="l.settings:category_listing:total_prod_count GT 1">
			<div class="per-page">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">	
					<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>

					<label for="Per_Page">View:</label>
					<select id="Per_Page" name="Per_Page" onchange="MMProdList_UpdateQuery( this ); return true;">

						<mvt:if expr="g.Per_Page EQ 10">
							<option value="10" selected="selected">10</option>
						<mvt:else>
							<option value="10">10</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 20">
							<option value="20" selected="selected">20</option>
						<mvt:else>
							<option value="20">20</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 40">
							<option value="40" selected="selected">40</option>
						<mvt:else>
							<option value="40">40</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ -1">
							<option value="-1" selected="selected">All</option>
						<mvt:else>
							<option value="-1">All</option>
						</mvt:if>
					</select>
				</form>
			</div>
		</mvt:if>
	<mvt:if expr="l.settings:category_listing:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:category_listing:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:category_listing:page_links:current_page NE l.settings:category_listing:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:category_listing:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="category_listing:page_links:pages">
						<mvt:if expr="l.settings:category_listing:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:category_listing:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:last_link_params;" class="page-links-inactive">&mvte:category_listing:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="category_listing:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:CatListingOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:CatListingOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:category_listing:page_disp_count GT 0">
		<mvt:if expr="g.CatListingOffset OR g.CatListingNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.CatListingOffset GT 0">
			<div class="previous-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:CatListingPrevOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value = "&mvte:global:CatListingPrevOffset;" />
				<input type="hidden" name="RelatedOffset" value = "&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
					<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>

			<mvt:if expr="g.CatListingNextOffset GT 0">
			<div class="next-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:category_listing:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:category_listing:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:CatListingNextOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value = "&mvte:global:CatListingNextOffset;" />
				<input type="hidden" name="RelatedOffset" value = "&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
					<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>

CSSUI: SRCH: Search Results Layout

Original File
New File
 
<div class="expanded"><div id="filter-items-container"><mvt:if expr="l.settings:search_results:products_on_page_count GT 1">
		<div class="sorting">
			<label for="Sort_By">Sort By:</label>

			<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="ISNULL g.Sort_By">
					<option value="disp_order" selected="selected">Default</option>
				<mvt:else>
					<option value="disp_order">Default</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'bestsellers'">
					<option value="bestsellers" selected="selected">Best Selling</option>
				<mvt:else>
					<option value="bestsellers">Best Selling</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_asc'">
					<option value="price_asc" selected="selected">Lowest Price</option>
				<mvt:else>
					<option value="price_asc">Lowest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_desc'">
					<option value="price_desc" selected="selected">Highest Price</option>
				<mvt:else>
					<option value="price_desc">Highest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'newest'">
					<option value="newest" selected="selected">Newest Items</option>
				<mvt:else>
					<option value="newest">Newest Items</option>
				</mvt:if>
			</select>
		</div></mvt:if><mvt:if expr="l.settings:search_results:products_on_page_count GT 1">
		<div class="per-page">
			<label for="Per_Page">View:</label>

			<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="g.Per_Page EQ 10">
					<option value="10" selected="selected">10</option>
				<mvt:else>
					<option value="10">10</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 20">
					<option value="20" selected="selected">20</option>
				<mvt:else>
					<option value="20">20</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 40">
					<option value="40" selected="selected">40</option>
				<mvt:else>
					<option value="40">40</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ -1">
					<option value="-1" selected="selected">All</option>
				<mvt:else>
					<option value="-1">All</option>
				</mvt:if>
			</select>
		</div></mvt:if>
	<mvt:if expr="l.settings:search_results:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:search_results:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:search_results:page_links:current_page NE l.settings:search_results:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:search_results:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="search_results:page_links:pages">
						<mvt:if expr="l.settings:search_results:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:search_results:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:last_link_params;" class="page-links-inactive">&mvte:search_results:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="search_results:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:SearchOffset;" />
				<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;" />
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:SearchOffset;" />
				<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;" />
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:search_results:page_disp_count GT 0">
		<mvt:if expr="g.SearchOffset OR g.SearchNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.SearchOffset GT 0">
			<div class="previous-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:SearchPrevOffset;" />
				<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:SearchPrevOffset;" />
				<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>
		
			<mvt:if expr="g.SearchNextOffset GT 0">
			<div class="next-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:SearchNextOffset;" />
				<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:SearchNextOffset;" />
				<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>
						
<div class="expanded"><div id="filter-items-container">
	<mvt:if expr="l.settings:search_results:total_prod_count GT 1">
		<div class="sorting">
			<form method="get" action="&mvte:urls:_self:auto_noparams;">	
				<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
					<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
					<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				</mvt:if>

				<mvt:item name="urls" param="hidden_params:_self:auto" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>

				<label for="Sort_By">Sort By:</label>
				<select id="Sort_By" name="Sort_By" onchange="MMProdList_UpdateQuery( this ); return true;">

					<mvt:if expr="ISNULL g.Sort_By">
						<option value="disp_order" selected="selected">Default</option>
					<mvt:else>
						<option value="disp_order">Default</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'bestsellers'">
						<option value="bestsellers" selected="selected">Best Selling</option>
					<mvt:else>
						<option value="bestsellers">Best Selling</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_asc'">
						<option value="price_asc" selected="selected">Lowest Price</option>
					<mvt:else>
						<option value="price_asc">Lowest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_desc'">
						<option value="price_desc" selected="selected">Highest Price</option>
					<mvt:else>
						<option value="price_desc">Highest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'newest'">
						<option value="newest" selected="selected">Newest Items</option>
					<mvt:else>
						<option value="newest">Newest Items</option>
					</mvt:if>
				</select>
			</form>
		</div></mvt:if>
		<mvt:if expr="l.settings:search_results:total_prod_count GT 1">
			<div class="per-page">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">	
					<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>

					<label for="Per_Page">View:</label>
					<select id="Per_Page" name="Per_Page" onchange="MMProdList_UpdateQuery( this ); return true;">

						<mvt:if expr="g.Per_Page EQ 10">
							<option value="10" selected="selected">10</option>
						<mvt:else>
							<option value="10">10</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 20">
							<option value="20" selected="selected">20</option>
						<mvt:else>
							<option value="20">20</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 40">
							<option value="40" selected="selected">40</option>
						<mvt:else>
							<option value="40">40</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ -1">
							<option value="-1" selected="selected">All</option>
						<mvt:else>
							<option value="-1">All</option>
						</mvt:if>
					</select>
				</form>
			</div>
		</mvt:if>
	<mvt:if expr="l.settings:search_results:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:search_results:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:search_results:page_links:current_page NE l.settings:search_results:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:search_results:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="search_results:page_links:pages">
						<mvt:if expr="l.settings:search_results:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:search_results:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:search_results:page_links:last_link_params;" class="page-links-inactive">&mvte:search_results:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="search_results:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:SearchOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:SearchOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:search_results:page_disp_count GT 0">
		<mvt:if expr="g.SearchOffset OR g.SearchNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.SearchOffset GT 0">
			<div class="previous-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:SearchPrevOffset;" />
				<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:SearchPrevOffset;" />
					<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>

			<mvt:if expr="g.SearchNextOffset GT 0">
			<div class="next-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:search_results:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:search_results:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:SearchNextOffset;" />
				<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:SearchNextOffset;" />
					<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>

CSSUI: PLST: Product List Layout

Original File
New File
 
<div class="expanded"><div id="filter-items-container"><mvt:if expr="l.settings:all_products:products_on_page_count GT 1">
		<div class="sorting">
			<label for="Sort_By">Sort By:</label>

			<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="ISNULL g.Sort_By">
					<option value="disp_order" selected="selected">Default</option>
				<mvt:else>
					<option value="disp_order">Default</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'bestsellers'">
					<option value="bestsellers" selected="selected">Best Selling</option>
				<mvt:else>
					<option value="bestsellers">Best Selling</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_asc'">
					<option value="price_asc" selected="selected">Lowest Price</option>
				<mvt:else>
					<option value="price_asc">Lowest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_desc'">
					<option value="price_desc" selected="selected">Highest Price</option>
				<mvt:else>
					<option value="price_desc">Highest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'newest'">
					<option value="newest" selected="selected">Newest Items</option>
				<mvt:else>
					<option value="newest">Newest Items</option>
				</mvt:if>
			</select>
		</div></mvt:if><mvt:if expr="l.settings:all_products:products_on_page_count GT 1">
		<div class="per-page">
			<label for="Per_Page">View:</label>

			<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="g.Per_Page EQ 10">
					<option value="10" selected="selected">10</option>
				<mvt:else>
					<option value="10">10</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 20">
					<option value="20" selected="selected">20</option>
				<mvt:else>
					<option value="20">20</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 40">
					<option value="40" selected="selected">40</option>
				<mvt:else>
					<option value="40">40</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ -1">
					<option value="-1" selected="selected">All</option>
				<mvt:else>
					<option value="-1">All</option>
				</mvt:if>
			</select>
		</div></mvt:if>
	<mvt:if expr="l.settings:all_products:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:all_products:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:all_products:page_links:current_page NE l.settings:all_products:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:all_products:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="all_products:page_links:pages">
						<mvt:if expr="l.settings:all_products:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:all_products:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:last_link_params;" class="page-links-inactive">&mvte:all_products:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="all_products:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:AllOffset;" />
				<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;" />
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:AllOffset;" />
				<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;" />
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:all_products:page_disp_count GT 0">
		<mvt:if expr="g.AllOffset OR g.AllNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.AllOffset GT 0">
			<div class="previous-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:AllPrevOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllPrevOffset;" />
				<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;" />
				<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>
		
			<mvt:if expr="g.AllNextOffset GT 0">
			<div class="next-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:AllNextOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllNextOffset;" />
				<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;" />
				<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>
						
<div class="expanded"><div id="filter-items-container">
	<mvt:if expr="l.settings:all_products:total_prod_count GT 1">
		<div class="sorting">
			<form method="get" action="&mvte:urls:_self:auto_noparams;">	
				<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
					<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
					<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				</mvt:if>

				<mvt:item name="urls" param="hidden_params:_self:auto" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>

				<label for="Sort_By">Sort By:</label>
				<select id="Sort_By" name="Sort_By" onchange="MMProdList_UpdateQuery( this ); return true;">

					<mvt:if expr="ISNULL g.Sort_By">
						<option value="disp_order" selected="selected">Default</option>
					<mvt:else>
						<option value="disp_order">Default</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'bestsellers'">
						<option value="bestsellers" selected="selected">Best Selling</option>
					<mvt:else>
						<option value="bestsellers">Best Selling</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_asc'">
						<option value="price_asc" selected="selected">Lowest Price</option>
					<mvt:else>
						<option value="price_asc">Lowest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_desc'">
						<option value="price_desc" selected="selected">Highest Price</option>
					<mvt:else>
						<option value="price_desc">Highest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'newest'">
						<option value="newest" selected="selected">Newest Items</option>
					<mvt:else>
						<option value="newest">Newest Items</option>
					</mvt:if>
				</select>
			</form>
		</div></mvt:if>
		<mvt:if expr="l.settings:all_products:total_prod_count GT 1">
			<div class="per-page">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">	
					<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>

					<label for="Per_Page">View:</label>
					<select id="Per_Page" name="Per_Page" onchange="MMProdList_UpdateQuery( this ); return true;">

						<mvt:if expr="g.Per_Page EQ 10">
							<option value="10" selected="selected">10</option>
						<mvt:else>
							<option value="10">10</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 20">
							<option value="20" selected="selected">20</option>
						<mvt:else>
							<option value="20">20</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 40">
							<option value="40" selected="selected">40</option>
						<mvt:else>
							<option value="40">40</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ -1">
							<option value="-1" selected="selected">All</option>
						<mvt:else>
							<option value="-1">All</option>
						</mvt:if>
					</select>
				</form>
			</div>
		</mvt:if>
	<mvt:if expr="l.settings:all_products:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:all_products:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:all_products:page_links:current_page NE l.settings:all_products:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:all_products:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="all_products:page_links:pages">
						<mvt:if expr="l.settings:all_products:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:all_products:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:all_products:page_links:last_link_params;" class="page-links-inactive">&mvte:all_products:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="all_products:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:AllOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:AllOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:all_products:page_disp_count GT 0">
		<mvt:if expr="g.AllOffset OR g.AllNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.AllOffset GT 0">
			<div class="previous-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:AllPrevOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllPrevOffset;" />
				<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;" />
					<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>

			<mvt:if expr="g.AllNextOffset GT 0">
			<div class="next-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:all_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:all_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:AllNextOffset;" />
				<input type="hidden" name="AllOffset" value = "&mvte:global:AllNextOffset;" />
				<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;" />
					<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>

CSSUI: PROD: Related Product List Layout

Original File
New File
 
<div class="expanded"><div id="filter-items-container"><mvt:if expr="l.settings:related_products:products_on_page_count GT 1">
		<div class="sorting">
			<label for="Sort_By">Sort By:</label>

			<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( '&mvtj:global:Per_Page;' ) + '&Sort_By=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="ISNULL g.Sort_By">
					<option value="disp_order" selected="selected">Default</option>
				<mvt:else>
					<option value="disp_order">Default</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'bestsellers'">
					<option value="bestsellers" selected="selected">Best Selling</option>
				<mvt:else>
					<option value="bestsellers">Best Selling</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_asc'">
					<option value="price_asc" selected="selected">Lowest Price</option>
				<mvt:else>
					<option value="price_asc">Lowest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'price_desc'">
					<option value="price_desc" selected="selected">Highest Price</option>
				<mvt:else>
					<option value="price_desc">Highest Price</option>
				</mvt:if>
				<mvt:if expr="g.Sort_By EQ 'newest'">
					<option value="newest" selected="selected">Newest Items</option>
				<mvt:else>
					<option value="newest">Newest Items</option>
				</mvt:if>
			</select>
		</div></mvt:if><mvt:if expr="l.settings:related_products:products_on_page_count GT 1">
		<div class="per-page">
			<label for="Per_Page">View:</label>

			<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Category_Code=' + encodeURIComponent( '&mvtj:global:Category_Code;' );">
			<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' ) + '&Product_Code=' + encodeURIComponent( '&mvtj:global:Product_Code;' );">
			<mvt:else>
				<select name="Sort_By" id="Sort_By" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' ) + '&Search=' + encodeURIComponent( '&mvtj:global:Search;' );">
			</mvt:if>

				<mvt:if expr="g.Per_Page EQ 10">
					<option value="10" selected="selected">10</option>
				<mvt:else>
					<option value="10">10</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 20">
					<option value="20" selected="selected">20</option>
				<mvt:else>
					<option value="20">20</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ 40">
					<option value="40" selected="selected">40</option>
				<mvt:else>
					<option value="40">40</option>
				</mvt:if>
				<mvt:if expr="g.Per_Page EQ -1">
					<option value="-1" selected="selected">All</option>
				<mvt:else>
					<option value="-1">All</option>
				</mvt:if>
			</select>
		</div></mvt:if>
	<mvt:if expr="l.settings:related_products:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:related_products:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:related_products:page_links:current_page NE l.settings:related_products:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:related_products:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="related_products:page_links:pages">
						<mvt:if expr="l.settings:related_products:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:related_products:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:last_link_params;" class="page-links-inactive">&mvte:related_products:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="related_products:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
				<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;" />
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
				<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;" />
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:related_products:page_disp_count GT 0">
		<mvt:if expr="g.RelatedOffset OR g.RelatedNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.RelatedOffset GT 0">
			<div class="previous-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:RelatedPrevOffset;" />
				<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:RelatedPrevOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
				<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>
		
			<mvt:if expr="g.RelatedNextOffset GT 0">
			<div class="next-button">
				<form method="post" action="&mvte:urls:_self:auto;">
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
				<input type="hidden" name="Offset" value = "&mvte:global:RelatedNextOffset;" />
				<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:RelatedNextOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
				<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>
						
<div class="expanded"><div id="filter-items-container">
	<mvt:if expr="l.settings:related_products:total_prod_count GT 1">
		<div class="sorting">
			<form method="get" action="&mvte:urls:_self:auto_noparams;">	
				<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
					<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
					<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				</mvt:if>

				<mvt:item name="urls" param="hidden_params:_self:auto" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>

				<label for="Sort_By">Sort By:</label>
				<select id="Sort_By" name="Sort_By" onchange="MMProdList_UpdateQuery( this ); return true;">

					<mvt:if expr="ISNULL g.Sort_By">
						<option value="disp_order" selected="selected">Default</option>
					<mvt:else>
						<option value="disp_order">Default</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'bestsellers'">
						<option value="bestsellers" selected="selected">Best Selling</option>
					<mvt:else>
						<option value="bestsellers">Best Selling</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_asc'">
						<option value="price_asc" selected="selected">Lowest Price</option>
					<mvt:else>
						<option value="price_asc">Lowest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'price_desc'">
						<option value="price_desc" selected="selected">Highest Price</option>
					<mvt:else>
						<option value="price_desc">Highest Price</option>
					</mvt:if>
					<mvt:if expr="g.Sort_By EQ 'newest'">
						<option value="newest" selected="selected">Newest Items</option>
					<mvt:else>
						<option value="newest">Newest Items</option>
					</mvt:if>
				</select>
			</form>
		</div></mvt:if>
		<mvt:if expr="l.settings:related_products:total_prod_count GT 1">
			<div class="per-page">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">	
					<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>

					<label for="Per_Page">View:</label>
					<select id="Per_Page" name="Per_Page" onchange="MMProdList_UpdateQuery( this ); return true;">

						<mvt:if expr="g.Per_Page EQ 10">
							<option value="10" selected="selected">10</option>
						<mvt:else>
							<option value="10">10</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 20">
							<option value="20" selected="selected">20</option>
						<mvt:else>
							<option value="20">20</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ 40">
							<option value="40" selected="selected">40</option>
						<mvt:else>
							<option value="40">40</option>
						</mvt:if>
						<mvt:if expr="g.Per_Page EQ -1">
							<option value="-1" selected="selected">All</option>
						<mvt:else>
							<option value="-1">All</option>
						</mvt:if>
					</select>
				</form>
			</div>
		</mvt:if>
	<mvt:if expr="l.settings:related_products:page_links:last_page GT 1">
		<div class="page-links">
			<span class="page-links-title">Page(s):</span>
			<span class="page-links-container">
				<mvt:if expr="l.settings:related_products:page_links:current_page NE 1">
					<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:prev_link_params;" class="page-links-previous"><</a>
				<mvt:else>
					<span class="page-links-previous page-links-deactivated"><</span>
				</mvt:if>
				<mvt:if expr="l.settings:related_products:page_links:current_page NE l.settings:related_products:page_links:last_page">
					<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:next_link_params;" class="page-links-next">></a>
				<mvt:else>
					<span class="page-links-next page-links-deactivated">></span>
				</mvt:if>
				<span class="page-disp">
					<mvt:if expr="NOT l.settings:related_products:page_links:contains_first">
						<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:first_link_params;" class="page-links-inactive">1</a>...
					</mvt:if>
					<mvt:foreach iterator="pages" array="related_products:page_links:pages">
						<mvt:if expr="l.settings:related_products:page_links:current_page EQ l.settings:pages:page_num">
							<span class="page-links-active">&mvte:pages:page_num;</span>
						<mvt:else>
							<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
						</mvt:if>
					</mvt:foreach>
					<mvt:if expr="NOT l.settings:related_products:page_links:contains_last">
						...<a href="&mvte:urls:_self:auto_sep;&mvte:related_products:page_links:last_link_params;" class="page-links-inactive">&mvte:related_products:page_links:last_page;</a>
					</mvt:if>
				</span>
			</span>
		</div>
		
	</mvt:if>
	</div><div class="clear"></div>
	<mvt:foreach iterator="product" array="related_products:products">
	<div class="product-item" style="width:50%">
		<div class="padding">
			<div class="product-details">
				<div class="product-thumbnail">
					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
				</div>
				<div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div>
				<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
				<div class="product-price">
					Price: <span class="bold">&mvt:product:formatted_base_price;</span>
				</div>
				<mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if>
				<div class="product-quantity">Quantity in Basket:
					<mvt:if expr="l.settings:product:quantity EQ 0">
					<span class="italic">none</span>
					<mvt:else>
					<span class="italic">&mvt:product:quantity;</span>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">
			<div class="purchase-buttons">
				<form method="post" action="&mvte:urls:BASK:rr;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
				<form method="post" action="&mvte:urls:OINF:secure;">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
				<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;" />
				<mvt:foreach iterator="facet" array="facets:facets">
					<mvt:foreach iterator="facet_value" array="facet:values">
						<mvt:if expr="l.settings:facet_value:selected">
							<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
						</mvt:if>
					</mvt:foreach>
				</mvt:foreach>
				<mvt:item name="buttons" param="BuyNowE" />
				</form>
			</div>
			</mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="NOT l.settings:related_products:page_disp_count GT 0">
		<mvt:if expr="g.RelatedOffset OR g.RelatedNextOffset">
		<div class="next-previous">
			<mvt:if expr="g.RelatedOffset GT 0">
			<div class="previous-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:RelatedPrevOffset;" />
				<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:RelatedPrevOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
					<mvt:item name="buttons" param="Previous" />
				</form>
			</div>
			</mvt:if>

			<mvt:if expr="g.RelatedNextOffset GT 0">
			<div class="next-button">
				<form method="get" action="&mvte:urls:_self:auto_noparams;">
					<mvt:if expr="tolower( l.settings:related_products:mode ) EQ 'ctgy' AND toupper( g.Screen ) NE 'CTGY'">
						<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
					<mvt:elseif expr="tolower( l.settings:related_products:mode ) EQ 'relp' AND toupper( g.Screen ) NE 'PROD'">
						<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
					</mvt:if>

					<mvt:item name="urls" param="hidden_params:_self:auto" />
					<input type="hidden" name="Search" value="&mvte:global:Search;" />
					<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
					<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
					<mvt:foreach iterator="facet" array="facets:facets">
						<mvt:foreach iterator="facet_value" array="facet:values">
							<mvt:if expr="l.settings:facet_value:selected">
								<input type="hidden" name="&mvte:facet:code;" value="&mvte:facet_value:value;" />
							</mvt:if>
						</mvt:foreach>
					</mvt:foreach>
					<input type="hidden" name="Offset" value = "&mvte:global:RelatedNextOffset;" />
				<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:RelatedNextOffset;" />
				<input type="hidden" name="SearchOffset" value = "&mvte:global:SearchOffset;" />
					<mvt:item name="buttons" param="Next" />
				</form>
			</div>
			</mvt:if>
		</div>
		</mvt:if>
	</mvt:if>
</div>

CSSUI: CABK: Customer Address Book Layout

Original File
New File
 
<div class="customer_account_addresses">
	<mvt:if expr="l.settings:addressbook:address_ship:id">
		<span class="customer_account_address">
			<div class="customer_account_address_title">
				&mvte:addressbook:address_ship:descrip;

				<mvt:if expr="l.settings:addressbook:address_ship:id EQ l.settings:addressbook:address_bill:id">
					(Default Shipping/Billing Address)
				<mvt:else>
					(Default Shipping Address)
				</mvt:if>
			</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname">
							<b>&mvte:addressbook:address_ship:fname; &mvte:addressbook:address_ship:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr1">
							&mvte:addressbook:address_ship:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr2">
							&mvte:addressbook:address_ship:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip">
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city">&mvte:addressbook:address_ship:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city AND NOT ISNULL l.settings:addressbook:address_ship:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:state">&mvte:addressbook:address_ship:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:zip">&mvte:addressbook:address_ship:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:cntry">
							&mvte:addressbook:address_ship:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_ship:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname ) AND ( NOT ISNULL l.settings:addressbook:address_ship:addr OR NOT ISNULL l.settings:addressbook:address_ship:addr2 OR NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip OR NOT ISNULL l.settings:addressbook:address_ship:cntry OR l.settings:addressbook:address_ship:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:comp">
							Company: &mvte:addressbook:address_ship:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:email">
							Email: &mvte:addressbook:address_ship:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:phone">
							Phone: &mvte:addressbook:address_ship:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fax">
							Fax: &mvte:addressbook:address_ship:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>
	</mvt:if>

	<mvt:if expr="l.settings:addressbook:address_bill:id AND l.settings:addressbook:address_bill:id NE l.settings:addressbook:address_ship:id">
		<span class="customer_account_address">
			<div class="customer_account_address_title">
				&mvte:addressbook:address_bill:descrip; (Default Billing Address)
			</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname">
							<b>&mvte:addressbook:address_bill:fname; &mvte:addressbook:address_bill:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr1">
							&mvte:addressbook:address_bill:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr2">
							&mvte:addressbook:address_bill:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip">
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city">&mvte:addressbook:address_bill:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city AND NOT ISNULL l.settings:addressbook:address_bill:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:state">&mvte:addressbook:address_bill:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:zip">&mvte:addressbook:address_bill:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:cntry">
							&mvte:addressbook:address_bill:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_bill:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname ) AND ( NOT ISNULL l.settings:addressbook:address_bill:addr OR NOT ISNULL l.settings:addressbook:address_bill:addr2 OR NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip OR NOT ISNULL l.settings:addressbook:address_bill:cntry OR l.settings:addressbook:address_bill:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:comp">
							Company: &mvte:addressbook:address_bill:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:email">
							Email: &mvte:addressbook:address_bill:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:phone">
							Phone: &mvte:addressbook:address_bill:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fax">
							Fax: &mvte:addressbook:address_bill:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>

		<h2>Other Addresses</h2>
	</mvt:if>

	<mvt:foreach iterator="address" array="addressbook:addresses">
		<mvt:if expr="l.settings:address:id EQ l.settings:addressbook:address_ship:id OR l.settings:address:id EQ l.settings:addressbook:address_bill:id">
			<mvt:foreachcontinue />
		</mvt:if>

		<span class="customer_account_address">
			<div class="customer_account_address_title">&mvte:address:descrip;</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname">
							<b>&mvte:address:fname; &mvte:address:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:addr1">
							&mvte:address:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:addr2">
							&mvte:address:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip">
							<mvt:if expr="NOT ISNULL l.settings:address:city">&mvte:address:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:address:city AND NOT ISNULL l.settings:address:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:address:state">&mvte:address:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:address:zip">&mvte:address:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:cntry">
							&mvte:address:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:address:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname ) AND ( NOT ISNULL l.settings:address:addr OR NOT ISNULL l.settings:address:addr2 OR NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip OR NOT ISNULL l.settings:address:cntry OR l.settings:address:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:comp">
							Company: &mvte:address:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:email">
							Email: &mvte:address:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:phone">
							Phone: &mvte:address:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:fax">
							Fax: &mvte:address:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:address:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:address:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:address:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:address:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:address:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:address:id;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>
	</mvt:foreach>
</div>
						
<div class="customer_account_addresses">
	<mvt:if expr="l.settings:addressbook:address_ship:id">
		<span class="customer_account_address">
			<div class="customer_account_address_title">
				&mvte:addressbook:address_ship:descrip;

				<mvt:if expr="l.settings:addressbook:address_ship:id EQ l.settings:addressbook:address_bill:id">
					(Default Shipping/Billing Address)
				<mvt:else>
					(Default Shipping Address)
				</mvt:if>
			</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname">
							<b>&mvte:addressbook:address_ship:fname; &mvte:addressbook:address_ship:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr1">
							&mvte:addressbook:address_ship:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr2">
							&mvte:addressbook:address_ship:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip">
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city">&mvte:addressbook:address_ship:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city AND NOT ISNULL l.settings:addressbook:address_ship:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:state">&mvte:addressbook:address_ship:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:zip">&mvte:addressbook:address_ship:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:cntry">
							&mvte:addressbook:address_ship:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_ship:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname ) AND ( NOT ISNULL l.settings:addressbook:address_ship:addr OR NOT ISNULL l.settings:addressbook:address_ship:addr2 OR NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip OR NOT ISNULL l.settings:addressbook:address_ship:cntry OR l.settings:addressbook:address_ship:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:comp">
							Company: &mvte:addressbook:address_ship:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:email">
							Email: &mvte:addressbook:address_ship:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:phone">
							Phone: &mvte:addressbook:address_ship:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fax">
							Fax: &mvte:addressbook:address_ship:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'ShippingAddress_ID': '&mvtj:addressbook:address_ship:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'BillingAddress_ID': '&mvtj:addressbook:address_ship:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Edit</a> | <a href="#" onclick="if ( confirm( 'Deleting this address cannot be undone.\\x0A\\x0AContinue?' ) )  MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'DCSA', 'Address_ID': '&mvtj:addressbook:address_ship:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>
	</mvt:if>

	<mvt:if expr="l.settings:addressbook:address_bill:id AND l.settings:addressbook:address_bill:id NE l.settings:addressbook:address_ship:id">
		<span class="customer_account_address">
			<div class="customer_account_address_title">
				&mvte:addressbook:address_bill:descrip; (Default Billing Address)
			</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname">
							<b>&mvte:addressbook:address_bill:fname; &mvte:addressbook:address_bill:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr1">
							&mvte:addressbook:address_bill:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr2">
							&mvte:addressbook:address_bill:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip">
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city">&mvte:addressbook:address_bill:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city AND NOT ISNULL l.settings:addressbook:address_bill:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:state">&mvte:addressbook:address_bill:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:zip">&mvte:addressbook:address_bill:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:cntry">
							&mvte:addressbook:address_bill:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_bill:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname ) AND ( NOT ISNULL l.settings:addressbook:address_bill:addr OR NOT ISNULL l.settings:addressbook:address_bill:addr2 OR NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip OR NOT ISNULL l.settings:addressbook:address_bill:cntry OR l.settings:addressbook:address_bill:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:comp">
							Company: &mvte:addressbook:address_bill:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:email">
							Email: &mvte:addressbook:address_bill:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:phone">
							Phone: &mvte:addressbook:address_bill:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fax">
							Fax: &mvte:addressbook:address_bill:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'ShippingAddress_ID': '&mvtj:addressbook:address_bill:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'BillingAddress_ID': '&mvtj:addressbook:address_bill:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Edit</a> | <a href="#" onclick="if ( confirm( 'Deleting this address cannot be undone.\\x0A\\x0AContinue?' ) ) MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'DCSA', 'Address_ID': '&mvtj:addressbook:address_bill:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>

		<h2>Other Addresses</h2>
	</mvt:if>

	<mvt:foreach iterator="address" array="addressbook:addresses">
		<mvt:if expr="l.settings:address:id EQ l.settings:addressbook:address_ship:id OR l.settings:address:id EQ l.settings:addressbook:address_bill:id">
			<mvt:foreachcontinue />
		</mvt:if>

		<span class="customer_account_address">
			<div class="customer_account_address_title">&mvte:address:descrip;</div>
			<div class="customer_account_address_content">
				<span class="customer_account_address_details_container">
					<span class="customer_account_address_details">
						<mvt:if expr="NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname">
							<b>&mvte:address:fname; &mvte:address:lname;</b> <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:addr1">
							&mvte:address:addr1; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:addr2">
							&mvte:address:addr2; <br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip">
							<mvt:if expr="NOT ISNULL l.settings:address:city">&mvte:address:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:address:city AND NOT ISNULL l.settings:address:state">,</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:address:state">&mvte:address:state;</mvt:if>
							<mvt:if expr="NOT ISNULL l.settings:address:zip">&mvte:address:zip;</mvt:if>

							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:cntry">
							&mvte:address:cntry;<br />
						</mvt:if>

						<mvt:if expr="l.settings:address:resdntl">
							Residential Address<br />
						</mvt:if>

						<mvt:if expr="( NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname ) AND ( NOT ISNULL l.settings:address:addr OR NOT ISNULL l.settings:address:addr2 OR NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip OR NOT ISNULL l.settings:address:cntry OR l.settings:address:resdntl )">
							<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:comp">
							Company: &mvte:address:comp;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:email">
							Email: &mvte:address:email;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:phone">
							Phone: &mvte:address:phone;<br />
						</mvt:if>

						<mvt:if expr="NOT ISNULL l.settings:address:fax">
							Fax: &mvte:address:fax;<br />
						</mvt:if>
					</span>
				</span><span class="customer_account_address_actions_container">
					<span class="customer_account_address_actions">
						<mvt:if expr="l.settings:address:id EQ g.Customer:ship_id">
							<span class="customer_account_address_actions_default">Default Shipping Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'ShippingAddress_ID': '&mvtj:address:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
						</mvt:if>

						<mvt:if expr="l.settings:address:id EQ g.Customer:bill_id">
							<span class="customer_account_address_actions_default">Default Billing Address</span><br />
						<mvt:else>
							<a href="#" onclick="MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'CCSA', 'BillingAddress_ID': '&mvtj:address:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
						</mvt:if>

						<a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:address:id;" class="customer_account_address_actions_link">Edit</a> | <a href="#" onclick="if ( confirm( 'Deleting this address cannot be undone.\\x0A\\x0AContinue?' ) ) MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'DCSA', 'Address_ID': '&mvtj:address:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); return false;" class="customer_account_address_actions_link">Delete</a>
					</span>
				</span>
			</div>
		</span>
	</mvt:foreach>
</div>

CSSUI: CSUB: Subscription List Layout

Original File
New File
 
<mvt:if expr="l.settings:subscriptions:total_count EQ 0">
	<div class="subscriptions_container subscriptions_empty">No subscriptions</div>
	<mvt:exit />
</mvt:if>

<div class="subscriptions_container">
	<div id="filter-items-container">
		<mvt:if expr="l.settings:subscriptions:total_count GT 1">
			<div class="per-page">
				<label for="Per_Page">View:</label>
				<select name="Per_Page" id="Per_Page" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' );">
					<mvt:if expr="g.Per_Page EQ 10">
						<option value="10" selected="selected">10</option>
					<mvt:else>
						<option value="10">10</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ 20">
						<option value="20" selected="selected">20</option>
					<mvt:else>
						<option value="20">20</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ 40">
						<option value="40" selected="selected">40</option>
					<mvt:else>
						<option value="40">40</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ -1">
						<option value="-1" selected="selected">All</option>
					<mvt:else>
						<option value="-1">All</option>
					</mvt:if>
				</select>
			</div>
		</mvt:if>

		<mvt:if expr="l.settings:subscriptions:page_links:last_page GT 1">
			<div class="page-links">
				<span class="page-links-title">Page(s):</span>
				<span class="page-links-container">
					<mvt:if expr="l.settings:subscriptions:page_links:current_page NE 1">
						<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:prev_link_params;" class="page-links-previous"><</a>
					<mvt:else>
						<span class="page-links-previous page-links-deactivated"><</span>
					</mvt:if>
					<mvt:if expr="l.settings:subscriptions:page_links:current_page NE l.settings:subscriptions:page_links:last_page">
						<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:next_link_params;" class="page-links-next">></a>
					<mvt:else>
						<span class="page-links-next page-links-deactivated">></span>
					</mvt:if>
					<span class="page-disp">
						<mvt:if expr="NOT l.settings:subscriptions:page_links:contains_first">
							<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:first_link_params;" class="page-links-inactive">1</a>...
						</mvt:if>
						<mvt:foreach iterator="pages" array="subscriptions:page_links:pages">
							<mvt:if expr="l.settings:subscriptions:page_links:current_page EQ l.settings:pages:page_num">
								<span class="page-links-active">&mvte:pages:page_num;</span>
							<mvt:else>
								<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
							</mvt:if>
						</mvt:foreach>
						<mvt:if expr="NOT l.settings:subscriptions:page_links:contains_last">
							...<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:last_link_params;" class="page-links-inactive">&mvte:subscriptions:page_links:last_page;</a>
						</mvt:if>
					</span>
				</span>
			</div>
		</mvt:if>
	</div>

	<div class="clear"></div>

	<mvt:foreach iterator="subscription" array="subscriptions:items">
		<span class="subscription_entry">
			<span class="subscription_entry_title">&mvte:subscription:productsubscriptionterm:descrip;</span>

			<mvt:if expr="l.settings:subscription:status EQ 'E'">
				<span class="subscription_entry_error">Processing Error: &mvte:subscription:message;</span>
			</mvt:if>

			<span class="subscription_entry_content">
				<span class="subscription_entry_content_details">
					<span class="subscription_entry_content_section_left">
						<span class="subscription_entry_content_details_block">
							<span class="subscription_entry_content_details_line_title">Shipping Address</span>
							<span class="subscription_entry_content_details_line">&mvte:subscription:address:fname; &mvte:subscription:address:lname;</span>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:addr1">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:addr1;</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:addr2">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:addr2;</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:city OR NOT ISNULL l.settings:subscription:address:state OR NOT ISNULL l.settings:subscription:address:zip">
								<span class="subscription_entry_content_details_line">
									<mvt:if expr="NOT ISNULL l.settings:subscription:address:city">
										&mvte:subscription:address:city;<mvt:if expr="NOT ISNULL l.settings:subscription:address:city AND NOT ISNULL l.settings:subscription:address:state">,</mvt:if>
									</mvt:if>

									<mvt:if expr="NOT ISNULL l.settings:subscription:address:state">
										&mvte:subscription:address:state;
									</mvt:if>

									<mvt:if expr="NOT ISNULL l.settings:subscription:address:zip">
										&mvte:subscription:address:zip;
									</mvt:if>
								</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:cntry">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:cntry;</span>
							</mvt:if>
						</span>
					</span>
					<span class="subscription_entry_content_section_right">
						<span class="subscription_entry_content_details_line">
							<b>Payment Method:</b>

							<mvt:if expr="l.settings:subscription:paymentcard:id">
								&mvte:subscription:paymentcard:type; ending in &mvte:subscription:paymentcard:lastfour;
							<mvt:else>
								<None>
							</mvt:if>
						</span>
						<span class="subscription_entry_content_details_line">
							<b>First Order Date:</b>

							<mvt:if expr="l.settings:subscription:firstdate EQ 0">
								N/A
							<mvt:else>
								&mvt:subscription:formatted_firstdate_date;
							</mvt:if>
						</span>
						<span class="subscription_entry_content_details_line">
							<b>Last Order Date:</b>

							<mvt:if expr="l.settings:subscription:lastdate EQ 0">
								N/A
							<mvt:else>
								&mvt:subscription:formatted_lastdate_date;
							</mvt:if>
						</span>
						<span class="subscription_entry_content_details_line">
							<b>Next Order Date:</b>

							<mvt:if expr="l.settings:subscription:nextdate EQ 0">
								N/A
							<mvt:else>
								&mvt:subscription:formatted_nextdate_date;
							</mvt:if>
						</span>

						<mvt:if expr="l.settings:subscription:productsubscriptionterm:term GT 0">
							<span class="subscription_entry_content_details_line"><b>Remaining Orders:</b> &mvte:subscription:termrem;</span>
						</mvt:if>
					</span>

					<div class="clear"></div>
				</span>
				<span class="subscription_entry_content_items">
					<table>
						<tr class="heading">
							<td class="item-name">Item</td>
							<td class="item-quantity">Qty.</td>
							<td class="item-price">Item Price</td>
							<td class="item-total">Total Price</td>
						</tr>

						<mvt:foreach iterator="item" array="subscription:items">
							<mvt:if expr="l.settings:item:option_count">
								<mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
							<mvt:else>
								<mvt:assign name="l.settings:rowspan" value="1" />
							</mvt:if>

							<tr class="row_start">
								<td class="item-name">
									&mvt:item:name; -
									<a href="&mvte:item:link;">&mvt:item:code;</a>
									<mvt:foreach iterator="discount" array="item:discounts">
										<mvt:if expr="l.settings:discount:display">
											<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
										</mvt:if>
									</mvt:foreach>
								</td>
								<td class="item-quantity" rowspan="&mvt:rowspan;">
									&mvte:subscription:quantity;
								</td>
								<td class="item-price">
									<span style="text-decoration: line-through"></span>
									&mvt:item:formatted_base_price;
								</td>
								<td class="item-total">
									<span style="text-decoration: line-through"></span>
									&mvt:item:formatted_subtotal_base_price;
								</td>
							</tr>
							<mvt:foreach iterator="option" array="item:options">
								<tr class="option_row">
									<td class="item-name">
										<div class="item-option">
											<mvt:if expr="l.settings:option:option_id">
												&mvt:option:attr_code;: &mvt:option:opt_code;
											<mvt:elseif expr="NOT ISNULL l.settings:option:data">
												&mvt:option:attr_code;: &mvt:option:data;
											<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
												&mvt:option:attr_code;: &mvt:option:data_long;
											<mvt:else>
												&mvt:option:attr_code;
											</mvt:if>
										</div>
										<mvt:foreach iterator="discount" array="option:discounts">
											<mvt:if expr="l.settings:discount:display">
												<div class="option-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
											</mvt:if>
										</mvt:foreach>
									</td>
									<td class="item-price">
										<span style="text-decoration: line-through"></span>

										<mvt:if expr="l.settings:option:base_price">
											&mvt:option:formatted_base_price;
										<mvt:else>
											 
										</mvt:if>
									</td>
									<td class="item-total">
										<span style="text-decoration: line-through"></span>

										<mvt:if expr="l.settings:option:subtotal_base_price">
											&mvt:option:formatted_subtotal_base_price;
										<mvt:else>
											 
										</mvt:if>
									</td>
								</tr>
							</mvt:foreach>
						</mvt:foreach>

						<mvt:foreach iterator="charge" array="subscription:charges">
							<tr class="row_start">
								<td colspan="3" class="charge-description">&mvt:charge:descrip;:</td>
								<td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td>
							</tr>
						</mvt:foreach>

						<tr class="row_start">
							<td colspan="3" class="total-prompt">Estimated Order Total:</td>
							<td class="formatted-total">&mvt:subscription:formatted_display_total;</td>
						</tr>
					</table>
				</span>

				<mvt:if expr="( l.settings:subscription:productsubscriptionsettings:can_qty ) OR ( l.settings:subscription:productsubscriptionsettings:can_term ) OR ( l.settings:subscription:productsubscriptionsettings:can_date ) OR ( l.settings:subscription:productsubscriptionsettings:can_cancel )">
					<span class="subscription_entry_content_actions">
						<mvt:if expr="( l.settings:subscription:productsubscriptionsettings:can_qty ) OR ( l.settings:subscription:productsubscriptionsettings:can_term ) OR ( l.settings:subscription:productsubscriptionsettings:can_date )">
							<span class="subscription_entry_content_section_left">
								<a href="&mvte:urls:CSBE:auto_sep;Subscription_ID=&mvta:subscription:id;">Edit Subscription</a>
							</span>
						</mvt:if>

						<mvt:if expr="l.settings:subscription:productsubscriptionsettings:can_cancel">
							<span class="subscription_entry_content_section_right">
								<a onclick="if ( !confirm( 'Are you sure you want to cancel your subscription? This action cannot be undone

Continue?' ) ) return false;" href="&mvte:urls:_self:auto_sep;Action=DCSB&Subscription_ID=&mvta:subscription:id;&Offset=&mvta:global:Offset;&Sort_By=&mvte:global:Sort_By;&Per_Page=&mvte:global:Per_Page;">Cancel Subscription</a>
							</span>
						</mvt:if>

						<div class="clear"></div>
					</span>
				</mvt:if>
			</span>
		</span>
	</mvt:foreach>

	<mvt:if expr="NOT l.settings:subscriptions:page_disp_count GT 0">
		<mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:subscriptions:per_page NE 0 )">
			<div class="next-previous">
				<div class="previous-button">
					<mvt:if expr="g.Offset EQ 0">
						 
					<mvt:else>
						<form method="post" action="&mvte:urls:_self:auto;" />
							<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
							<input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
							<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
							<mvt:item name="buttons" param="Previous" />
						</form>
					</mvt:if>
				</div>
				<div class="next-button">
					<mvt:if expr="g.NextOffset EQ 0">
						 
					<mvt:else>
						<form method="post" action="&mvte:urls:_self:auto;">
							<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
							<input type="hidden" name="Offset" value="&mvte:global:NextOffset;" />
							<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
							<mvt:item name="buttons" param="Next" />
						</form>
					</mvt:if>
				</div>
			</div>
	
			<div class="clear"></div>
		</mvt:if>
	</mvt:if>
</div>
						
<mvt:if expr="l.settings:subscriptions:total_count EQ 0">
	<div class="subscriptions_container subscriptions_empty">No subscriptions</div>
	<mvt:exit />
</mvt:if>

<div class="subscriptions_container">
	<div id="filter-items-container">
		<mvt:if expr="l.settings:subscriptions:total_count GT 1">
			<div class="per-page">
				<label for="Per_Page">View:</label>
				<select name="Per_Page" id="Per_Page" onchange="window.location.href='&mvtj:urls:_self:auto_sep;Per_Page=' + encodeURIComponent( this.options[ this.selectedIndex ].value ) + '&Sort_By=' + encodeURIComponent( '&mvtj:global:Sort_By;' );">
					<mvt:if expr="g.Per_Page EQ 10">
						<option value="10" selected="selected">10</option>
					<mvt:else>
						<option value="10">10</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ 20">
						<option value="20" selected="selected">20</option>
					<mvt:else>
						<option value="20">20</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ 40">
						<option value="40" selected="selected">40</option>
					<mvt:else>
						<option value="40">40</option>
					</mvt:if>
					<mvt:if expr="g.Per_Page EQ -1">
						<option value="-1" selected="selected">All</option>
					<mvt:else>
						<option value="-1">All</option>
					</mvt:if>
				</select>
			</div>
		</mvt:if>

		<mvt:if expr="l.settings:subscriptions:page_links:last_page GT 1">
			<div class="page-links">
				<span class="page-links-title">Page(s):</span>
				<span class="page-links-container">
					<mvt:if expr="l.settings:subscriptions:page_links:current_page NE 1">
						<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:prev_link_params;" class="page-links-previous"><</a>
					<mvt:else>
						<span class="page-links-previous page-links-deactivated"><</span>
					</mvt:if>
					<mvt:if expr="l.settings:subscriptions:page_links:current_page NE l.settings:subscriptions:page_links:last_page">
						<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:next_link_params;" class="page-links-next">></a>
					<mvt:else>
						<span class="page-links-next page-links-deactivated">></span>
					</mvt:if>
					<span class="page-disp">
						<mvt:if expr="NOT l.settings:subscriptions:page_links:contains_first">
							<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:first_link_params;" class="page-links-inactive">1</a>...
						</mvt:if>
						<mvt:foreach iterator="pages" array="subscriptions:page_links:pages">
							<mvt:if expr="l.settings:subscriptions:page_links:current_page EQ l.settings:pages:page_num">
								<span class="page-links-active">&mvte:pages:page_num;</span>
							<mvt:else>
								<a href="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
							</mvt:if>
						</mvt:foreach>
						<mvt:if expr="NOT l.settings:subscriptions:page_links:contains_last">
							...<a href="&mvte:urls:_self:auto_sep;&mvte:subscriptions:page_links:last_link_params;" class="page-links-inactive">&mvte:subscriptions:page_links:last_page;</a>
						</mvt:if>
					</span>
				</span>
			</div>
		</mvt:if>
	</div>

	<div class="clear"></div>

	<mvt:foreach iterator="subscription" array="subscriptions:items">
		<span class="subscription_entry">
			<span class="subscription_entry_title">&mvte:subscription:productsubscriptionterm:descrip;<mvt:if expr="l.settings:subscription:status EQ 'C'"> (Cancelled)</mvt:if></span>

			<mvt:if expr="l.settings:subscription:status EQ 'E'">
				<span class="subscription_entry_error">Processing Error: &mvte:subscription:message;</span>
			</mvt:if>

			<span class="subscription_entry_content">
				<span class="subscription_entry_content_details">
					<span class="subscription_entry_content_section_left">
						<span class="subscription_entry_content_details_block">
							<span class="subscription_entry_content_details_line_title">Shipping Address</span>
							<span class="subscription_entry_content_details_line">&mvte:subscription:address:fname; &mvte:subscription:address:lname;</span>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:addr1">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:addr1;</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:addr2">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:addr2;</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:city OR NOT ISNULL l.settings:subscription:address:state OR NOT ISNULL l.settings:subscription:address:zip">
								<span class="subscription_entry_content_details_line">
									<mvt:if expr="NOT ISNULL l.settings:subscription:address:city">
										&mvte:subscription:address:city;<mvt:if expr="NOT ISNULL l.settings:subscription:address:city AND NOT ISNULL l.settings:subscription:address:state">,</mvt:if>
									</mvt:if>

									<mvt:if expr="NOT ISNULL l.settings:subscription:address:state">
										&mvte:subscription:address:state;
									</mvt:if>

									<mvt:if expr="NOT ISNULL l.settings:subscription:address:zip">
										&mvte:subscription:address:zip;
									</mvt:if>
								</span>
							</mvt:if>

							<mvt:if expr="NOT ISNULL l.settings:subscription:address:cntry">
								<span class="subscription_entry_content_details_line">&mvte:subscription:address:cntry;</span>
							</mvt:if>
						</span>
					</span>
					<span class="subscription_entry_content_section_right">
						<span class="subscription_entry_content_details_line">
							<b>Payment Method:</b>

							<mvt:if expr="l.settings:subscription:paymentcard:id">
								&mvte:subscription:paymentcard:type; ending in &mvte:subscription:paymentcard:lastfour;
							<mvt:else>
								<None>
							</mvt:if>
						</span>
						<span class="subscription_entry_content_details_line">
							<b>First Order Date:</b>

							<mvt:if expr="l.settings:subscription:firstdate EQ 0">
								N/A
							<mvt:else>
								&mvt:subscription:formatted_firstdate_date;
							</mvt:if>
						</span>
						<span class="subscription_entry_content_details_line">
							<b>Last Order Date:</b>

							<mvt:if expr="l.settings:subscription:lastdate EQ 0">
								N/A
							<mvt:else>
								&mvt:subscription:formatted_lastdate_date;
							</mvt:if>
						</span>
						<mvt:if expr="l.settings:subscription:status NE 'C'">
							<span class="subscription_entry_content_details_line">
								<b>Next Order Date:</b>

								<mvt:if expr="l.settings:subscription:nextdate EQ 0">
									N/A
								<mvt:else>
									&mvt:subscription:formatted_nextdate_date;
								</mvt:if>
							</span>
						</mvt:if>
						<mvt:if expr="l.settings:subscription:status EQ 'C'">
							<span class="subscription_entry_content_details_line">
								<b>Cancellation Date:</b>

								<mvt:if expr="l.settings:subscription:cncldate EQ 0">
									N/A
								<mvt:else>
									&mvt:subscription:formatted_cncldate_date;
								</mvt:if>
							</span>
						</mvt:if>

						<mvt:if expr="l.settings:subscription:productsubscriptionterm:term GT 0">
							<span class="subscription_entry_content_details_line"><b>Remaining Orders:</b> &mvte:subscription:termrem;</span>
						</mvt:if>
						<span class="subscription_entry_content_details_line"><b>Processed Orders:</b> &mvte:subscription:termproc;</span>
					</span>

					<div class="clear"></div>
				</span>
				<span class="subscription_entry_content_items">
					<table>
						<tr class="heading">
							<td class="item-name">Item</td>
							<td class="item-quantity">Qty.</td>
							<td class="item-price">Item Price</td>
							<td class="item-total">Total Price</td>
						</tr>

						<mvt:foreach iterator="item" array="subscription:items">
							<mvt:if expr="l.settings:item:option_count">
								<mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
							<mvt:else>
								<mvt:assign name="l.settings:rowspan" value="1" />
							</mvt:if>

							<tr class="row_start">
								<td class="item-name">
									&mvt:item:name; -
									<a href="&mvte:item:link;">&mvt:item:code;</a>
									<mvt:foreach iterator="discount" array="item:discounts">
										<mvt:if expr="l.settings:discount:display">
											<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
										</mvt:if>
									</mvt:foreach>
								</td>
								<td class="item-quantity" rowspan="&mvt:rowspan;">
									&mvte:subscription:quantity;
								</td>
								<td class="item-price">
									<span style="text-decoration: line-through"></span>
									&mvt:item:formatted_base_price;
								</td>
								<td class="item-total">
									<span style="text-decoration: line-through"></span>
									&mvt:item:formatted_subtotal_base_price;
								</td>
							</tr>
							<mvt:foreach iterator="option" array="item:options">
								<tr class="option_row">
									<td class="item-name">
										<div class="item-option">
											<mvt:if expr="l.settings:option:option_id">
												&mvt:option:attr_code;: &mvt:option:opt_code;
											<mvt:elseif expr="NOT ISNULL l.settings:option:data">
												&mvt:option:attr_code;: &mvt:option:data;
											<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
												&mvt:option:attr_code;: &mvt:option:data_long;
											<mvt:else>
												&mvt:option:attr_code;
											</mvt:if>
										</div>
										<mvt:foreach iterator="discount" array="option:discounts">
											<mvt:if expr="l.settings:discount:display">
												<div class="option-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
											</mvt:if>
										</mvt:foreach>
									</td>
									<td class="item-price">
										<span style="text-decoration: line-through"></span>

										<mvt:if expr="l.settings:option:base_price">
											&mvt:option:formatted_base_price;
										<mvt:else>
											 
										</mvt:if>
									</td>
									<td class="item-total">
										<span style="text-decoration: line-through"></span>

										<mvt:if expr="l.settings:option:subtotal_base_price">
											&mvt:option:formatted_subtotal_base_price;
										<mvt:else>
											 
										</mvt:if>
									</td>
								</tr>
							</mvt:foreach>
						</mvt:foreach>

						<mvt:foreach iterator="charge" array="subscription:charges">
							<tr class="row_start">
								<td colspan="3" class="charge-description">&mvt:charge:descrip;:</td>
								<td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td>
							</tr>
						</mvt:foreach>

						<tr class="row_start">
							<td colspan="3" class="total-prompt">Estimated Order Total:</td>
							<td class="formatted-total">&mvt:subscription:formatted_display_total;</td>
						</tr>
					</table>
				</span>

				<span class="subscription_entry_content_actions">
					<span class="subscription_entry_content_section_left">
						<a href="&mvte:urls:CSBE:auto_sep;Subscription_ID=&mvta:subscription:id;"><mvt:if expr="l.settings:subscription:status EQ 'C'">View Subscription<mvt:else>Edit Subscription</mvt:if></a>
					</span>

					<mvt:if expr="l.settings:subscription:status NE 'C' AND l.settings:subscription:productsubscriptionsettings:can_cancel AND ( ( l.settings:subscription:productsubscriptionsettings:cncl_min EQ 0 ) OR ( l.settings:subscription:termproc GE l.settings:subscription:productsubscriptionsettings:cncl_min ) )">
						<span class="subscription_entry_content_section_right">
							<a href="#" onclick="if ( confirm( 'Are you sure you want to cancel your subscription? This action cannot be undone.\\x0A\\x0AContinue?' ) ) { MMDynamic_Form_Submit( '&mvtj:urls:_self:secure;', { 'Action': 'DCSB', 'Subscription_ID': '&mvtj:subscription:id;', 'Offset': '&mvtj:global:Offset;', 'Sort_By': '&mvtj:global:Sort_By;', 'Per_Page': '&mvtj:global:Per_Page;', 'CSRF_Token': '&mvtj:global:basket:csrf_token;' } ); } return false;">Cancel Subscription</a>
						</span>
					</mvt:if>

					<div class="clear"></div>
				</span>
			</span>
		</span>
	</mvt:foreach>

	<mvt:if expr="NOT l.settings:subscriptions:page_disp_count GT 0">
		<mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:subscriptions:per_page NE 0 )">
			<div class="next-previous">
				<div class="previous-button">
					<mvt:if expr="g.Offset EQ 0">
						 
					<mvt:else>
						<form method="post" action="&mvte:urls:_self:auto;" />
							<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
							<input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
							<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
							<mvt:item name="buttons" param="Previous" />
						</form>
					</mvt:if>
				</div>
				<div class="next-button">
					<mvt:if expr="g.NextOffset EQ 0">
						 
					<mvt:else>
						<form method="post" action="&mvte:urls:_self:auto;">
							<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
							<input type="hidden" name="Offset" value="&mvte:global:NextOffset;" />
							<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
							<mvt:item name="buttons" param="Next" />
						</form>
					</mvt:if>
				</div>
			</div>
	
			<div class="clear"></div>
		</mvt:if>
	</mvt:if>
</div>

CSSUI: CSBE: Subscription Fields

Original File
New File
 
<div id="fields-key">
	<div><span class="required">Bold</span> = Required</div>
	<div><span class="italic">Italic</span> = Optional</div>
	<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( g.Session:cache:last_ui_exception EQ 'invalid_subscription_edit' )">
		<div><span class="red">Red</span> = Invalid</div>
	</mvt:if>
</div>

<input type="hidden" name="Subscription_ID" value="&mvte:global:Subscription_ID;" />

<span class="subscription_entry_content_details">
	<span class="subscription_entry_content_details_block">
		<span class="subscription_entry_content_details_editablefields">
			<div class="&mvte:global:SubscriptionPaymentCard_Row;">
				<label class="required" for="PaymentCard_ID">Payment Method:</label>
				<select name="PaymentCard_ID">
					<mvt:if expr="l.settings:subscriptionfields:custpc_id EQ 0">
						<mvt:if expr="g.PaymentCard_ID EQ 0">
							<option value="0" selected>
						<mvt:else>
							<option value="0">
						</mvt:if>

							<None>
						</option>
					</mvt:if>

					<mvt:foreach iterator="paymentcard" array="paymentcards:paymentcards">
						<mvt:if expr="l.settings:paymentcard:id EQ g.PaymentCard_ID">
							<option value="&mvte:paymentcard:id;" selected>
						<mvt:else>
							<option value="&mvte:paymentcard:id;">
						</mvt:if>

							&mvte:paymentcard:type; ending in &mvte:paymentcard:lastfour;
						</option>
					</mvt:foreach>
				</select>
			</div>
			<div class="&mvte:global:SubscriptionShipping_Row;">
				<label class="required" for="ShippingMethod">Shipping Method:</label>
				<select name="ShippingMethod">
					<mvt:if expr="l.settings:subscriptionfields:ship_id EQ 0">
						<mvt:if expr="g.ShippingMethod EQ ''">
							<option value="" selected>
						<mvt:else>
							<option value="">
						</mvt:if>

							<None>
						</option>
					</mvt:if>

					<mvt:foreach iterator="shippingmethod" array="subscriptionfields:shippingmethods">
						<mvt:if expr="( l.settings:shippingmethod:module:code $ ':' $ l.settings:shippingmethod:code ) EQ g.ShippingMethod">
							<option value="&mvte:shippingmethod:module:code;:&mvte:shippingmethod:code;" selected>
						<mvt:else>
							<option value="&mvte:shippingmethod:module:code;:&mvte:shippingmethod:code;">
						</mvt:if>

							&mvte:shippingmethod:name; (&mvt:shippingmethod:formatted_price;)
						</option>
					</mvt:foreach>
				</select>
			</div>
			<div class="&mvte:global:SubscriptionAddress_Row;">
				<label class="required" for="Address_ID">Shipping Address:</label>
				<select name="Address_ID">
					<mvt:foreach iterator="address" array="customer:addresses">
						<mvt:if expr="l.settings:address:id EQ g.Address_ID">
							<option value="&mvte:address:id;" selected>
						<mvt:else>
							<option value="&mvte:address:id;">
						</mvt:if>

							&mvte:address:descrip;
						</option>
					</mvt:foreach>
				</select>
			</div>

			<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_term">
				<div class="&mvte:global:SubscriptionTerm_Row;">
					<label class="required" for="ProductSubscriptionTerm_ID">Subscription Term:</label>
					<select name="ProductSubscriptionTerm_ID">
						<mvt:foreach iterator="productsubscriptointerm" array="subscriptionfields:productsubscriptionterms">
							<mvt:if expr="l.settings:productsubscriptointerm:id EQ g.ProductSubscriptionTerm_ID">
								<option value="&mvte:productsubscriptointerm:id;" selected>
							<mvt:else>
								<option value="&mvte:productsubscriptointerm:id;">
							</mvt:if>

								&mvte:productsubscriptointerm:descrip;
							</option>
						</mvt:foreach>
					</select>
				</div>
			</mvt:if>

			<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_date">
				<div class="&mvte:global:SubscriptionNextDate_Row;">
					<label class="required">Next Order Date:</label>
					<input type="hidden" name="NextOrderDate" id="subscriptionfields_nextorderdate" value="&mvte:global:NextOrderDate;" />
					<span id="subscriptionfields_nextorderdate_display">&mvte:global:Formatted_NextOrderDate;</span>
					<mvt:item name="datepicker" />

					<script type="text/javascript">
						var miva_datepicker, element_subscriptionfields_nextorderdate, element_subscriptionfields_nextorderdate_display;

						element_subscriptionfields_nextorderdate = document.getElementById( 'subscriptionfields_nextorderdate' );
						element_subscriptionfields_nextorderdate_display = document.getElementById( 'subscriptionfields_nextorderdate_display' );

						miva_datepicker = new MivaDatePicker( '&mvtj:subscriptionfields:nextdate;' );
						miva_datepicker.SetDateLimit_Past( new Date() );
						miva_datepicker.oncomplete = function( date )
						{
							var day = date.getDate();
							var month = date.getMonth() + 1;

							element_subscriptionfields_nextorderdate.value = date.getTime() / 1000;
							element_subscriptionfields_nextorderdate_display.innerHTML = ( month < 10 ? '0' : '' ) + month + '/' + ( day < 10 ? '0' : '' ) + day + '/' + date.getFullYear();
						}

						element_subscriptionfields_nextorderdate_display.onclick = function()
						{
							miva_datepicker.Show();
						}
					</script>
				</div>
			</mvt:if>
		</span>
	</span>

	<span class="subscription_entry_content_details_block" style="border-bottom: 1px solid #ccc;"></span>

	<span class="subscription_entry_content_section_left">
		<span class="subscription_entry_content_details_block">
			<span class="subscription_entry_content_details_line_title">Shipping Address</span>
			<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:fname; &mvte:subscriptionfields:address:lname;</span>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:addr1">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:addr1;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:addr2">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:addr2;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city OR NOT ISNULL l.settings:subscriptionfields:address:state OR NOT ISNULL l.settings:subscriptionfields:address:zip">
				<span class="subscription_entry_content_details_line">
					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city">
						&mvte:subscriptionfields:address:city;<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city AND NOT ISNULL l.settings:subscriptionfields:address:state">,</mvt:if>
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:state">
						&mvte:subscriptionfields:address:state;
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:zip">
						&mvte:subscriptionfields:address:zip;
					</mvt:if>
				</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:cntry">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:cntry;</span>
			</mvt:if>
		</span>
	</span>

	<span class="subscription_entry_content_section_right">
		<span class="subscription_entry_content_details_line">
			<b>Payment Method:</b>

			<mvt:if expr="l.settings:subscriptionfields:paymentcard:id">
				&mvte:subscriptionfields:paymentcard:type; ending in &mvte:subscriptionfields:paymentcard:lastfour;
			<mvt:else>
				<None>
			</mvt:if>
		</span>
		<span class="subscription_entry_content_details_line">
			<b>First Order Date:</b>

			<mvt:if expr="l.settings:subscriptionfields:firstdate EQ 0">
				N/A
			<mvt:else>
				&mvt:subscriptionfields:formatted_firstdate_date;
			</mvt:if>
		</span>
		<span class="subscription_entry_content_details_line">
			<b>Last Order Date:</b>

			<mvt:if expr="l.settings:subscriptionfields:lastdate EQ 0">
				N/A
			<mvt:else>
				&mvt:subscriptionfields:formatted_lastdate_date;
			</mvt:if>
		</span>
		<span class="subscription_entry_content_details_line">
			<b>Next Order Date:</b>

			<mvt:if expr="l.settings:subscriptionfields:nextdate EQ 0">
				N/A
			<mvt:else>
				&mvt:subscriptionfields:formatted_nextdate_date;
			</mvt:if>
		</span>

		<mvt:if expr="l.settings:subscriptionfields:productsubscriptionterm:term GT 0">
			<span class="subscription_entry_content_details_line"><b>Remaining Orders:</b> &mvte:subscriptionfields:termrem;</span>
		</mvt:if>
	</span>

	<div class="clear"></div>
</span>

<span class="subscription_entry_content_items">
	<table>
		<tr class="heading">
			<td class="item-name">Item</td>
			<td class="item-quantity">Qty.</td>
			<td class="item-price">Item Price</td>
			<td class="item-total">Total Price</td>
		</tr>

		<mvt:foreach iterator="item" array="subscriptionfields:items">
			<mvt:if expr="l.settings:item:option_count">
				<mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
			<mvt:else>
				<mvt:assign name="l.settings:rowspan" value="1" />
			</mvt:if>

			<tr class="row_start">
				<td class="item-name">
					&mvt:item:name; -
					<a href="&mvte:item:link;">&mvt:item:code;</a>
					<mvt:foreach iterator="discount" array="item:discounts">
						<mvt:if expr="l.settings:discount:display">
							<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
						</mvt:if>
					</mvt:foreach>
				</td>

				<mvt:if expr="g.SubscriptionQuantity_Invalid">
					<td class="item-quantity invalid" rowspan="&mvt:rowspan;">
				<mvt:else>
					<td class="item-quantity" rowspan="&mvt:rowspan;">
				</mvt:if>
					<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_qty">
						<input type="text" name="Quantity" class="textfield qty-input small" value="&mvte:global:Quantity;" />
					<mvt:else>
						&mvte:subscriptionfields:quantity;
					</mvt:if>
				</td>
				<td class="item-price">
					&mvt:item:formatted_base_price;
				</td>
				<td class="item-total">
					&mvt:item:formatted_subtotal_base_price;
				</td>
			</tr>

			<mvt:foreach iterator="option" array="item:options">
				<tr class="option_row">
					<td class="item-name">
						<div class="item-option">
							<mvt:if expr="l.settings:option:option_id">
								&mvt:option:attr_code;: &mvt:option:opt_code;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data">
								&mvt:option:attr_code;: &mvt:option:data;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
								&mvt:option:attr_code;: &mvt:option:data_long;
							<mvt:else>
								&mvt:option:attr_code;
							</mvt:if>
						</div>
						<mvt:foreach iterator="discount" array="option:discounts">
							<mvt:if expr="l.settings:discount:display">
								<div class="option-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
							</mvt:if>
						</mvt:foreach>
					</td>
					<td class="item-price">
						<mvt:if expr="l.settings:option:base_price">
							&mvt:option:formatted_base_price;
						<mvt:else>
							 
						</mvt:if>
					</td>
					<td class="item-total">
						<mvt:if expr="l.settings:option:subtotal_base_price">
							&mvt:option:formatted_subtotal_base_price;
						<mvt:else>
							 
						</mvt:if>
					</td>
				</tr>
			</mvt:foreach>
		</mvt:foreach>

		<mvt:foreach iterator="charge" array="subscriptionfields:charges">
			<tr class="row_start">
				<td colspan="3" class="charge-description">&mvt:charge:descrip;:</td>
				<td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td>
			</tr>
		</mvt:foreach>

		<tr class="row_start">
			<td colspan="3" class="total-prompt">Estimated Order Total:</td>
			<td class="formatted-total">&mvt:subscriptionfields:formatted_display_total;</td>
		</tr>
	</table>
</span>
						
<div id="fields-key">
	<div><span class="required">Bold</span> = Required</div>
	<div><span class="italic">Italic</span> = Optional</div>
	<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( g.Session:cache:last_ui_exception EQ 'invalid_subscription_edit' )">
		<div><span class="red">Red</span> = Invalid</div>
	</mvt:if>
</div>

<input type="hidden" name="Subscription_ID" value="&mvte:global:Subscription_ID;" />

<span class="subscription_entry_content_details">
	<span class="subscription_entry_content_details_block">
		<span class="subscription_entry_content_details_editablefields">
			<mvt:if expr="l.settings:subscriptionfields:status NE 'C'">
				<div class="&mvte:global:SubscriptionPaymentCard_Row;">
					<label class="required" for="PaymentCard_ID">Payment Method:</label>
					<select name="PaymentCard_ID">
						<mvt:if expr="l.settings:subscriptionfields:custpc_id EQ 0">
							<mvt:if expr="g.PaymentCard_ID EQ 0">
								<option value="0" selected>
							<mvt:else>
								<option value="0">
							</mvt:if>

								<None>
							</option>
						</mvt:if>

						<mvt:foreach iterator="paymentcard" array="paymentcards:paymentcards">
							<mvt:if expr="l.settings:paymentcard:id EQ g.PaymentCard_ID">
								<option value="&mvte:paymentcard:id;" selected>
							<mvt:else>
								<option value="&mvte:paymentcard:id;">
							</mvt:if>

								&mvte:paymentcard:type; ending in &mvte:paymentcard:lastfour;
							</option>
						</mvt:foreach>
					</select>
				</div>
				<div class="&mvte:global:SubscriptionShipping_Row;">
					<label class="required" for="ShippingMethod">Shipping Method:</label>
					<select name="ShippingMethod">
						<mvt:if expr="l.settings:subscriptionfields:ship_id EQ 0">
							<mvt:if expr="g.ShippingMethod EQ ''">
								<option value="" selected>
							<mvt:else>
								<option value="">
							</mvt:if>

								<None>
							</option>
						</mvt:if>

						<mvt:foreach iterator="shippingmethod" array="subscriptionfields:shippingmethods">
							<mvt:if expr="( l.settings:shippingmethod:module:code $ ':' $ l.settings:shippingmethod:code ) EQ g.ShippingMethod">
								<option value="&mvte:shippingmethod:module:code;:&mvte:shippingmethod:code;" selected>
							<mvt:else>
								<option value="&mvte:shippingmethod:module:code;:&mvte:shippingmethod:code;">
							</mvt:if>

								&mvte:shippingmethod:name; (&mvt:shippingmethod:formatted_price;)
							</option>
						</mvt:foreach>
					</select>
				</div>
				<div class="&mvte:global:SubscriptionAddress_Row;">
					<label class="required" for="Address_ID">Shipping Address:</label>
					<select name="Address_ID">
						<mvt:foreach iterator="address" array="customer:addresses">
							<mvt:if expr="l.settings:address:id EQ g.Address_ID">
								<option value="&mvte:address:id;" selected>
							<mvt:else>
								<option value="&mvte:address:id;">
							</mvt:if>

								&mvte:address:descrip;
							</option>
						</mvt:foreach>
					</select>
				</div>

				<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_term AND ( ( l.settings:subscriptionfields:productsubscriptionsettings:term_min EQ 0 ) OR ( l.settings:subscriptionfields:termproc GE l.settings:subscriptionfields:productsubscriptionsettings:term_min ) )">
					<div class="&mvte:global:SubscriptionTerm_Row;">
						<label class="required" for="ProductSubscriptionTerm_ID">Subscription Term:</label>
						<select name="ProductSubscriptionTerm_ID">
							<mvt:foreach iterator="productsubscriptointerm" array="subscriptionfields:productsubscriptionterms">
								<mvt:if expr="l.settings:productsubscriptointerm:id EQ g.ProductSubscriptionTerm_ID">
									<option value="&mvte:productsubscriptointerm:id;" selected>
								<mvt:else>
									<option value="&mvte:productsubscriptointerm:id;">
								</mvt:if>

									&mvte:productsubscriptointerm:descrip;
								</option>
							</mvt:foreach>
						</select>
					</div>
				</mvt:if>

				<mvt:if expr="l.settings:subscriptionfields:productsubscriptionsettings:can_date AND ( ( l.settings:subscriptionfields:productsubscriptionsettings:date_min EQ 0 ) OR ( l.settings:subscriptionfields:termproc GE l.settings:subscriptionfields:productsubscriptionsettings:date_min ) )">
					<div class="&mvte:global:SubscriptionNextDate_Row;">
						<label class="required">Next Order Date:</label>
						<input type="hidden" name="NextOrderDate" id="subscriptionfields_nextorderdate" value="&mvte:global:NextOrderDate;" />
						<span id="subscriptionfields_nextorderdate_display">&mvte:global:Formatted_NextOrderDate;</span>
						<mvt:item name="datepicker" />

						<script type="text/javascript">
							var miva_datepicker, element_subscriptionfields_nextorderdate, element_subscriptionfields_nextorderdate_display;

							element_subscriptionfields_nextorderdate = document.getElementById( 'subscriptionfields_nextorderdate' );
							element_subscriptionfields_nextorderdate_display = document.getElementById( 'subscriptionfields_nextorderdate_display' );

							miva_datepicker = new MivaDatePicker( '&mvtj:subscriptionfields:nextdate;' );
							miva_datepicker.SetDateLimit_Past( new Date() );
							miva_datepicker.oncomplete = function( date )
							{
								var day = date.getDate();
								var month = date.getMonth() + 1;

								element_subscriptionfields_nextorderdate.value = date.getTime() / 1000;
								element_subscriptionfields_nextorderdate_display.textContent = ( month < 10 ? '0' : '' ) + month + '/' + ( day < 10 ? '0' : '' ) + day + '/' + date.getFullYear();
							}

							element_subscriptionfields_nextorderdate_display.onclick = function()
							{
								miva_datepicker.Show();
							}
						</script>
					</div>
				</mvt:if>
			</mvt:if>
		</span>
	</span>

	<span class="subscription_entry_content_details_block" style="border-bottom: 1px solid #ccc;"></span>

	<span class="subscription_entry_content_section_left">
		<span class="subscription_entry_content_details_block">
			<span class="subscription_entry_content_details_line_title">Shipping Address</span>
			<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:fname; &mvte:subscriptionfields:address:lname;</span>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:addr1">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:addr1;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:addr2">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:addr2;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city OR NOT ISNULL l.settings:subscriptionfields:address:state OR NOT ISNULL l.settings:subscriptionfields:address:zip">
				<span class="subscription_entry_content_details_line">
					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city">
						&mvte:subscriptionfields:address:city;<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:city AND NOT ISNULL l.settings:subscriptionfields:address:state">,</mvt:if>
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:state">
						&mvte:subscriptionfields:address:state;
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:zip">
						&mvte:subscriptionfields:address:zip;
					</mvt:if>
				</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:subscriptionfields:address:cntry">
				<span class="subscription_entry_content_details_line">&mvte:subscriptionfields:address:cntry;</span>
			</mvt:if>
		</span>
	</span>

	<span class="subscription_entry_content_section_right">
		<span class="subscription_entry_content_details_line">
			<b>Payment Method:</b>

			<mvt:if expr="l.settings:subscriptionfields:paymentcard:id">
				&mvte:subscriptionfields:paymentcard:type; ending in &mvte:subscriptionfields:paymentcard:lastfour;
			<mvt:else>
				<None>
			</mvt:if>
		</span>
		<span class="subscription_entry_content_details_line">
			<b>First Order Date:</b>

			<mvt:if expr="l.settings:subscriptionfields:firstdate EQ 0">
				N/A
			<mvt:else>
				&mvt:subscriptionfields:formatted_firstdate_date;
			</mvt:if>
		</span>
		<span class="subscription_entry_content_details_line">
			<b>Last Order Date:</b>

			<mvt:if expr="l.settings:subscriptionfields:lastdate EQ 0">
				N/A
			<mvt:else>
				&mvt:subscriptionfields:formatted_lastdate_date;
			</mvt:if>
		</span>

		<mvt:if expr="l.settings:subscriptionfields:status NE 'C'">
			<span class="subscription_entry_content_details_line">
				<b>Next Order Date:</b>

				<mvt:if expr="l.settings:subscriptionfields:nextdate EQ 0">
					N/A
				<mvt:else>
					&mvt:subscriptionfields:formatted_nextdate_date;
				</mvt:if>
			</span>
		</mvt:if>

		<mvt:if expr="l.settings:subscriptionfields:status EQ 'C'">
			<span class="subscription_entry_content_details_line">
				<b>Cancellation Date:</b>

				<mvt:if expr="l.settings:subscriptionfields:cncldate EQ 0">
					N/A
				<mvt:else>
					&mvt:subscriptionfields:formatted_cncldate_date;
				</mvt:if>
			</span>
		</mvt:if>

		<mvt:if expr="l.settings:subscriptionfields:productsubscriptionterm:term GT 0">
			<span class="subscription_entry_content_details_line"><b>Remaining Orders:</b> &mvte:subscriptionfields:termrem;</span>
		</mvt:if>

		<span class="subscription_entry_content_details_line"><b>Processed Orders:</b> &mvte:subscriptionfields:termproc;</span>
	</span>

	<div class="clear"></div>
</span>

<span class="subscription_entry_content_items">
	<table>
		<tr class="heading">
			<td class="item-name">Item</td>
			<td class="item-quantity">Qty.</td>
			<td class="item-price">Item Price</td>
			<td class="item-total">Total Price</td>
		</tr>

		<mvt:foreach iterator="item" array="subscriptionfields:items">
			<mvt:if expr="l.settings:item:option_count">
				<mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
			<mvt:else>
				<mvt:assign name="l.settings:rowspan" value="1" />
			</mvt:if>

			<tr class="row_start">
				<td class="item-name">
					&mvt:item:name; -
					<a href="&mvte:item:link;">&mvt:item:code;</a>
					<mvt:foreach iterator="discount" array="item:discounts">
						<mvt:if expr="l.settings:discount:display">
							<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
						</mvt:if>
					</mvt:foreach>
				</td>

				<mvt:if expr="g.SubscriptionQuantity_Invalid">
					<td class="item-quantity invalid" rowspan="&mvt:rowspan;">
				<mvt:else>
					<td class="item-quantity" rowspan="&mvt:rowspan;">
				</mvt:if>
					<mvt:if expr="( l.settings:subscriptionfields:status NE 'C' ) AND l.settings:subscriptionfields:productsubscriptionsettings:can_qty AND ( ( l.settings:subscriptionfields:productsubscriptionsettings:qty_min EQ 0 ) OR ( l.settings:subscriptionfields:termproc GE l.settings:subscriptionfields:productsubscriptionsettings:qty_min ) )">
						<input type="text" name="Quantity" class="textfield qty-input small" value="&mvte:global:Quantity;" />
					<mvt:else>
						&mvte:subscriptionfields:quantity;
					</mvt:if>
				</td>
				<td class="item-price">
					&mvt:item:formatted_base_price;
				</td>
				<td class="item-total">
					&mvt:item:formatted_subtotal_base_price;
				</td>
			</tr>

			<mvt:foreach iterator="option" array="item:options">
				<tr class="option_row">
					<td class="item-name">
						<div class="item-option">
							<mvt:if expr="l.settings:option:option_id">
								&mvt:option:attr_code;: &mvt:option:opt_code;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data">
								&mvt:option:attr_code;: &mvt:option:data;
							<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
								&mvt:option:attr_code;: &mvt:option:data_long;
							<mvt:else>
								&mvt:option:attr_code;
							</mvt:if>
						</div>
						<mvt:foreach iterator="discount" array="option:discounts">
							<mvt:if expr="l.settings:discount:display">
								<div class="option-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
							</mvt:if>
						</mvt:foreach>
					</td>
					<td class="item-price">
						<mvt:if expr="l.settings:option:base_price">
							&mvt:option:formatted_base_price;
						<mvt:else>
							 
						</mvt:if>
					</td>
					<td class="item-total">
						<mvt:if expr="l.settings:option:subtotal_base_price">
							&mvt:option:formatted_subtotal_base_price;
						<mvt:else>
							 
						</mvt:if>
					</td>
				</tr>
			</mvt:foreach>
		</mvt:foreach>

		<mvt:foreach iterator="charge" array="subscriptionfields:charges">
			<tr class="row_start">
				<td colspan="3" class="charge-description">&mvt:charge:descrip;:</td>
				<td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td>
			</tr>
		</mvt:foreach>

		<tr class="row_start">
			<td colspan="3" class="total-prompt">Estimated Order Total:</td>
			<td class="formatted-total">&mvt:subscriptionfields:formatted_display_total;</td>
		</tr>
	</table>
</span>

CSSUI: CPCD: Customer Payment Card List Layout

Original File
New File
 
<mvt:if expr="l.settings:paymentcards:paymentcard_count EQ 0">
	<div class="customer_account_payment_cards_empty_container">No payment cards found</div>
	<mvt:exit />
</mvt:if>

<div class="customer_account_payment_cards">
	<mvt:foreach iterator="paymentcard" array="paymentcards:paymentcards">
		<span class="customer_account_payment_card">
			<span class="customer_account_payment_card_title">
				&mvte:paymentcard:type; ending in &mvte:paymentcard:lastfour;
				<span class="customer_account_payment_card_expiration">
					<mvt:if expr="mktime_t( l.settings:paymentcard:exp_year, l.settings:paymentcard:exp_month, s.tm_mday, s.tm_hour, s.tm_min, s.tm_sec, 'local') LT s.time_t">
						<span class="customer_account_payment_card_expired">(expired)</span>
					</mvt:if>

					&mvte:paymentcard:exp_month;/&mvte:paymentcard:exp_year;
				</span>
			</span>

			<span class="customer_account_payment_card_row">
				<span class="customer_account_payment_card_name">&mvte:paymentcard:fname; &mvte:paymentcard:lname;</span>
				<span class="customer_account_payment_card_actions">
					<a href="&mvte:urls:CPCE:auto_sep;PaymentMethod=paymentcard:&mvta:paymentcard:id;">Edit</a> |
					<a href="&mvte:urls:CPCD:auto_sep;Action=DCPC&PaymentCard_ID=&mvta:paymentcard:id;" onclick="if ( !confirm( 'Deleting this payment card cannot be undone.

Continue?' ) ) return false;">Delete</a>
				</span>
			</span>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:addr1">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:addr1;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:addr2">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:addr2;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:city OR NOT ISNULL l.settings:paymentcard:state OR NOT ISNULL l.settings:paymentcard:zip">
				<span class="customer_account_payment_card_row">
					<mvt:if expr="NOT ISNULL l.settings:paymentcard:city">
						&mvte:paymentcard:city;<mvt:if expr="NOT ISNULL l.settings:paymentcard:city AND NOT ISNULL l.settings:paymentcard:state">,</mvt:if>
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:paymentcard:state">
						&mvte:paymentcard:state;
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:paymentcard:zip">
						&mvte:paymentcard:zip;
					</mvt:if>
				</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:cntry">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:cntry;</span>
			</mvt:if>
		</span>
	</mvt:foreach>
</div>
						
<mvt:if expr="l.settings:paymentcards:paymentcard_count EQ 0">
	<div class="customer_account_payment_cards_empty_container">No payment cards found</div>
	<mvt:exit />
</mvt:if>

<div class="customer_account_payment_cards">
	<mvt:foreach iterator="paymentcard" array="paymentcards:paymentcards">
		<span class="customer_account_payment_card">
			<span class="customer_account_payment_card_title">
				&mvte:paymentcard:type; ending in &mvte:paymentcard:lastfour;
				<span class="customer_account_payment_card_expiration">
					<mvt:if expr="mktime_t( l.settings:paymentcard:exp_year, l.settings:paymentcard:exp_month, s.tm_mday, s.tm_hour, s.tm_min, s.tm_sec, 'local') LT s.time_t">
						<span class="customer_account_payment_card_expired">(expired)</span>
					</mvt:if>

					&mvte:paymentcard:exp_month;/&mvte:paymentcard:exp_year;
				</span>
			</span>

			<span class="customer_account_payment_card_row">
				<span class="customer_account_payment_card_name">&mvte:paymentcard:fname; &mvte:paymentcard:lname;</span>
				<span class="customer_account_payment_card_actions">
					<a href="&mvte:urls:CPCE:auto_sep;PaymentMethod=paymentcard:&mvta:paymentcard:id;">Edit</a> |
					<a href="#" onclick="if ( confirm( 'Deleting this payment card cannot be undone.\\x0A\\x0AContinue?' ) ) { MMDynamic_Form_Submit( '&mvtj:urls:CPCD:secure;', { 'Action': 'DCPC', 'PaymentCard_ID': '&mvtj:paymentcard:id;', 'CSRF_Token': '&mvtj:global:Basket:csrf_token;' } ); } return false;">Delete</a>
				</span>
			</span>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:addr1">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:addr1;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:addr2">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:addr2;</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:city OR NOT ISNULL l.settings:paymentcard:state OR NOT ISNULL l.settings:paymentcard:zip">
				<span class="customer_account_payment_card_row">
					<mvt:if expr="NOT ISNULL l.settings:paymentcard:city">
						&mvte:paymentcard:city;<mvt:if expr="NOT ISNULL l.settings:paymentcard:city AND NOT ISNULL l.settings:paymentcard:state">,</mvt:if>
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:paymentcard:state">
						&mvte:paymentcard:state;
					</mvt:if>

					<mvt:if expr="NOT ISNULL l.settings:paymentcard:zip">
						&mvte:paymentcard:zip;
					</mvt:if>
				</span>
			</mvt:if>

			<mvt:if expr="NOT ISNULL l.settings:paymentcard:cntry">
				<span class="customer_account_payment_card_row">&mvte:paymentcard:cntry;</span>
			</mvt:if>
		</span>
	</mvt:foreach>
</div>

Item Assigments

1. If using the new search preview in the global header, the urls item and searchfield items must be assignd to all pages you wish to use it on
2. The facets item needs to be assigned to all pages you wish to display facets on, most commonly SRCH and CTGY.