v1.4.0 Updates - mivaecommerce/readytheme-base GitHub Wiki
Updates and additions to support the new features released in Miva 9.5
#PAGE TEMPLATE UPDATES
##CABK ###CABK - Details
- This page will require the item
addressfieldsto be assigned to the page.
<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 Address Book</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="&mvt:page:code;" id="JS_&mvt:page:code;">
<div id="site-container">
<mvt:item name="hdft" param="global_header" />
<mvt:item name="navbar" />
<div class="items">
<div class="page-head">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>&mvt:page:name;</h2>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 hidden-xs">
<mvt:item name="category_tree" />
</div>
<div class="col-md-9 col-sm-9">
<mvt:item name="breadcrumbs" />
<mvt:item name="hdft" param="header" />
<div class="col-md-12"><mvt:item name="addressbook" /></div>
<mvt:item name="hdft" param="footer" />
</div>
</div>
</div>
</div>
</div>
<mvt:item name="hdft" param="global_footer" />
</div>
</body>
</html>
###CABK - Customer Address Book Layout
<section class="row customer-address-book">
<mvt:if expr="l.settings:addressbook:address_ship:id">
<article class="col-lg-6">
<div class="customer-address-inner">
<div class="customer-address-content">
<mvt:if expr="l.settings:addressbook:address_ship:id EQ l.settings:addressbook:address_bill:id">
<h3 class="h-nbm clearfix"><i class="icon-truck customer-address-icon"></i> Default Shipping/Billing Address</h3>
<mvt:else>
<h3 class="h-nbm clearfix"><i class="icon-truck customer-address-icon"></i> Default Shipping Address</h3>
</mvt:if>
<ul class="list-inline font--small">
<li><a data-hook="edit-address" data-target="edit-address-&mvte:addressbook:address_ship:id;" href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_ship:id;">Edit</a></li>
<li><a href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:addressbook:address_ship:id;">Delete</a></li>
<mvt:if expr="l.settings:addressbook:address_ship:id NE g.Customer:ship_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:addressbook:address_ship:id;">Set As Default Shipping</a></li>
</mvt:if>
<mvt:if expr="l.settings:addressbook:address_ship:id NE g.Customer:bill_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:addressbook:address_ship:id;">Set As Default Billing</a></li>
</mvt:if>
</ul>
<p>
<mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname">
<strong>&mvte:addressbook:address_ship:fname; &mvte:addressbook:address_ship:lname;</strong><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>
</p>
</div>
</div>
<div class="clear clearfix breaker"></div>
</article>
</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">
<article class="col-lg-6">
<div class="customer-address-inner">
<div class="customer-address-content">
<h3 class="h-nbm clearfix"><i class="icon-credit-card customer-address-icon"></i> Default Billing Address</h3>
<ul class="list-inline font--small">
<li><a data-hook="edit-address" data-target="edit-address-&mvte:addressbook:address_bill:id;" href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_bill:id;">Edit</a></li>
<li><a href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:addressbook:address_bill:id;">Delete</a></li>
<mvt:if expr="l.settings:addressbook:address_bill:id NE g.Customer:ship_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:addressbook:address_bill:id;">Set As Default Shipping</a></li>
</mvt:if>
<mvt:if expr="l.settings:addressbook:address_bill:id NE g.Customer:bill_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:addressbook:address_bill:id;">Set As Default Billing</a></li>
</mvt:if>
</ul>
<p>
<mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname">
&mvte:addressbook:address_bill:fname; &mvte:addressbook:address_bill:lname;<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>
</p>
</div>
</div>
<div class="clear clearfix breaker"></div>
</article>
</mvt:if>
<div class="clear clearfix"></div>
<div class="col-lg-12 address-form-toggle">
<div class="h-breaker"></div>
<p class="h4 font--regular">Additional Addresses</p>
<input type="checkbox" id="l-category-tree" class="hide" />
<label for="l-category-tree" class="btn customer_toggle-btn">+ Add New Address</label>
<mvt:item name="addressfields" />
<div class="h-breaker"></div>
</div>
<mvt:foreach iterator="address" array="addressbook:addresses">
<article class="col-lg-12">
<div class="customer-address-secondary customer-address-wrap">
<p class="h3 customer-address-title clearfix">
&mvte:address:descrip; <small><a class="color--black" data-hook="edit-address" data-target="edit-address-&mvte:address:id;" href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:address:id;">Edit</a></small>
<a class="red remove icon-remove address-book-remove" href="&mvte:urls:_self:secure_sep;Action=DCSA&Address_ID=&mvta:address:id;"></a>
</p>
<p>
<mvt:if expr="NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname">
<strong>&mvte:address:fname; &mvte:address:lname;</strong><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>
</p>
<mvt:if expr="l.settings:address:id NE g.Customer:ship_id OR l.settings:address:id NE g.Customer:bill_id">
<ul class="list-inline font--small customer-address-set-default">
<li class="font--bold">Set as default:</li>
<mvt:if expr="l.settings:address:id NE g.Customer:ship_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&ShippingAddress_ID=&mvta:address:id;">Shipping</a></li>
</mvt:if>
<mvt:if expr="l.settings:address:id NE g.Customer:bill_id">
<li><a href="&mvte:urls:_self:secure_sep;Action=CCSA&BillingAddress_ID=&mvta:address:id;">Billing</a></li>
</mvt:if>
</ul>
</mvt:if>
<div class="row edit-address-form" data-hook="edit-address-&mvte:address:id;"></div>
</div>
<div class="h-breaker"></div>
</article>
</mvt:foreach>
</section>
###CABK - Customer Address Fields
<form class="col-lg-8 col-xs-12" action="&mvte:urls:_self:secure;" method="post" autocomplete="off">
<div class="breaker"></div>
<input type="hidden" name="Action" value="ICSA" />
<div class="&mvte:global:Address_Description_Row;">
<label for="Address_Description" class="control-label required">Nickname</label>
<input class="form-control" id="Address_Description" type="text" name="Address_Description" value="&mvte:global:Address_Description;" required >
</div>
<div class="&mvte:global:Address_FirstName_Row;">
<label class="control-label required" for="Address_FirstName">First Name:</label>
<input type="text" name="Address_FirstName" id="Address_FirstName" value="&mvte:global:Address_FirstName;" class="form-control" />
</div>
<div class="&mvte:global:Address_LastName_Row;">
<label class="control-label required" for="Address_LastName">Last Name:</label>
<input type="text" name="Address_LastName" id="Address_LastName" value="&mvte:global:Address_LastName;" class="form-control" />
</div>
<div class="&mvte:global:Address_Email_Row;">
<label class="control-label required" for="Address_Email">Email Address:</label>
<input type="text" name="Address_Email" id="Address_Email" value="&mvte:global:Address_Email;" class="form-control" />
</div>
<div class="&mvte:global:Address_Phone_Row;">
<label class="control-label required" for="Address_Phone">Phone Number:</label>
<input type="text" name="Address_Phone" id="Address_Phone" value="&mvte:global:Address_Phone;" class="form-control" />
</div>
<div class="&mvte:global:Address_Fax_Row;">
<label class="control-label italic" for="Address_Fax">Fax Number:</label>
<input type="text" name="Address_Fax" id="Address_Fax" value="&mvte:global:Address_Fax;" class="form-control" />
</div>
<div class="&mvte:global:Address_Company_Row;">
<label class="control-label italic" for="Address_Company">Company:</label>
<input type="text" name="Address_Company" id="Address_Company" value="&mvte:global:Address_Company;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address1_Row;">
<label class="control-label required" for="Address_Address1">Address:</label>
<input type="text" name="Address_Address1" id="Address_Address1" value="&mvte:global:Address_Address1;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address2_Row;">
<label class="control-label italic" for="Address_Address2">Address 2:</label>
<input type="text" name="Address_Address2" id="Address_Address2" value="&mvte:global:Address_Address2;" class="form-control" />
</div>
<div class="&mvte:global:Address_City_Row;">
<label class="control-label required" for="Address_City">City:</label>
<input type="text" name="Address_City" id="Address_City" value="&mvte:global:Address_City;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:Address_State_Row;">
<label class="control-label required" for="Address_State">State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:Address_State_Row; form_row_select">
<label class="control-label required" for="Address_StateSelect">State/Province:</label>
<mvt:item name="states" param="Address_StateSelect" />
</div>
<div class="&mvte:global:Address_State_Row;">
<label class="control-label italic" for="Address_State">Other State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control">
</div>
</mvt:if>
<div class="&mvte:global:Address_Zip_Row;">
<label class="control-label required" for="Address_Zip">Zip/Postal Code:</label>
<input type="text" name="Address_Zip" id="Address_Zip" value="&mvte:global:Address_Zip;" class="form-control" />
</div>
<div class="&mvte:global:Address_Country_Row; form_row_select">
<label class="control-label required" for="Address_Country">Country:</label>
<mvt:item name="countries" param="Address_Country" />
</div>
<div class="clear clearfix"></div>
<div class="breaker"></div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Shipping_Row;">
<mvt:if expr="g.Address_Default_Shipping">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1" checked> Set as Default Shipping Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1"> Set as Default Shipping Address</label>
</mvt:if>
</div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Billing_Row;">
<mvt:if expr="g.Address_Default_Billing">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1" checked> Set as Default Billing Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1"> Set as Default Billing Address</label>
</mvt:if>
</div>
<ul class="list-inline col-lg-12 h-reset-padding">
<li><mvt:item name="buttons" param="Save" /></li>
<li><a class="button button--large bg--secondary color--black font--uppercase h-nb" href="&mvte:urls:_self:secure;">Cancel</a></li>
</ul>
</div>
###CABK - Header (Part of Headers & Footer )
<mvt:if expr="l.settings:messages:error_message_count">
<div class="alert alert-danger">
<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="alert alert-info">
<mvt:foreach iterator="message" array="messages:information_messages">
&mvt:message;
</mvt:foreach>
</div>
</mvt:if>
##ACLN ###ACLN - Details
- Please note, this layout has been changed
<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;: My 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="&mvt:page:code;" id="JS_&mvt:page:code;">
<div id="site-container">
<mvt:item name="hdft" param="global_header" />
<mvt:item name="navbar" />
<div class="items">
<div class="page-head">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>&mvt:page:name;</h2>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 hidden-xs">
<mvt:item name="category_tree" />
</div>
<div class="col-md-9 col-sm-9">
<mvt:item name="breadcrumbs" />
<mvt:item name="hdft" param="header" />
<p class="col-lg-12 text-right"><a href="&mvte:urls:SFNT:secure_sep;Action=LOGO" title="Log Out">Log Out</a></p>
<div class="col-lg-12 customer-account-order-search_wrap">
<form class="row customer-account-order-search" method="post" action="&mvte:urls:ORDS:auto;">
<div class="col-md-2 customer-account-order-search__title np md-text-left text-center customer-account-order-search_padding">
<h3 class="h-nm h-vertically-centered__element---m"><span class="icon-file-text"></span> Orders</h3>
</div>
<div class="col-md-4 text-center customer-account-order-search__view_all customer-account-order-search_padding">
<a href="&mvte:urls:ORDH:auto;" title="View All Orders">View All Orders</a>
</div>
<div class="col-md-6 customer-account-order-search__search customer-account-order-search_padding">
<div class="row">
<div class="col-xs-9 nrp">
<input class="search-orders_input form-control" id="l-Order_ID" type="text" name="Order_ID" placeholder="Order #">
</div>
<div class="col-xs-3 nlp">
<input type="submit" value="Go" class="form-control search-orders_button btn btn-primary">
</div>
</div>
</div>
</form>
<div class="h-breaker"></div>
</div>
<section class="row customer-account-links">
<article class="col-lg-6 col-xs-12 customer-account-link-wrap">
<div class="customer-links-inner">
<div class="column whole mm-card-grid-item__content">
<h3 class="customer-address-title"><span class="icon-credit-card customer-address-icon"></span> Wallet</h3>
<ul class="no-list">
<li><a href="&mvte:urls:RGFT:auto;" title="Redeem Gift Certificate">Redeem Gift Certificate</a></li>
<li><a href="&mvte:urls:ABAL:auto;" title="Manage Account Balance">Manage Account Balance</a></li>
</ul>
</div>
</div>
</article>
<article class="col-lg-6 col-xs-12 customer-account-link-wrap">
<div class="customer-links-inner">
<div class="column whole mm-card-grid-item__content">
<h3 class="customer-address-title"><span class="icon-cog customer-address-icon"></span> Settings</h3>
<ul class="no-list">
<li><a href="&mvte:urls:CABK:auto;" title="Manage Account Balance">Manage Address Book</a></li>
<li><a href="&mvte:urls:ACED:auto;" title="Update Account Information">Update Account Information</a></li>
<li><a href="&mvte:urls:CEML:auto;" title="Change Email Address">Change Email Address</a></li>
<li><a href="&mvte:urls:CPWD:auto;" title="Change Password">Change Password</a></li>
</ul>
</div>
</div>
</article>
<article class="col-lg-6 col-xs-12 customer-account-link-wrap">
<div class="customer-links-inner">
<div class="column whole mm-card-grid-item__content">
<h3 class="customer-address-title"><span class="icon-heart customer-address-icon"></span> Wish List</h3>
<p>Click "Add to Wish List" from the product page or shopping cart if you want to save an item for later.</p>
<br />
<p class="h-nbm"><a class="btn btn-primary" href="&mvte:urls:WLST:auto;" title="View Wish List">View Wish List</a></p>
</div>
</div>
</article>
</section>
<mvt:item name="hdft" param="footer" />
</div>
</div>
</div>
</div>
</div>
<mvt:item name="hdft" param="global_footer" />
</div>
</body>
</html>
##CADA ###CADA - Details
<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 Address: Add</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="&mvt:page:code;" id="JS_&mvt:page:code;">
<div id="site-container">
<mvt:item name="hdft" param="global_header" />
<mvt:item name="navbar" />
<div class="items">
<div class="page-head">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>&mvt:page:name;</h2>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 hidden-xs">
<mvt:item name="category_tree" />
</div>
<div class="col-md-9 col-sm-9">
<mvt:item name="breadcrumbs" />
<mvt:item name="hdft" param="header" />
<div class="col-md-12"><mvt:item name="addressfields" /></div>
<mvt:item name="hdft" param="footer" />
</div>
</div>
</div>
</div>
</div>
<mvt:item name="hdft" param="global_footer" />
</div>
</body>
</html>
###CADA - Customer Address Fields
<form class="col-lg-8 col-xs-12" action="&mvte:urls:CABK:secure;" method="post" autocomplete="off">
<input type="hidden" name="Action" value="ICSA" />
<div class="&mvte:global:Address_Description_Row;">
<label for="Address_Description" class="control-label required">Nickname</label>
<input class="form-control" id="Address_Description" type="text" name="Address_Description" value="&mvte:global:Address_Description;" required >
</div>
<div class="&mvte:global:Address_FirstName_Row;">
<label class="control-label required" for="Address_FirstName">First Name:</label>
<input type="text" name="Address_FirstName" id="Address_FirstName" value="&mvte:global:Address_FirstName;" class="form-control" />
</div>
<div class="&mvte:global:Address_LastName_Row;">
<label class="control-label required" for="Address_LastName">Last Name:</label>
<input type="text" name="Address_LastName" id="Address_LastName" value="&mvte:global:Address_LastName;" class="form-control" />
</div>
<div class="&mvte:global:Address_Email_Row;">
<label class="control-label required" for="Address_Email">Email Address:</label>
<input type="text" name="Address_Email" id="Address_Email" value="&mvte:global:Address_Email;" class="form-control" />
</div>
<div class="&mvte:global:Address_Phone_Row;">
<label class="control-label required" for="Address_Phone">Phone Number:</label>
<input type="text" name="Address_Phone" id="Address_Phone" value="&mvte:global:Address_Phone;" class="form-control" />
</div>
<div class="&mvte:global:Address_Fax_Row;">
<label class="control-label italic" for="Address_Fax">Fax Number:</label>
<input type="text" name="Address_Fax" id="Address_Fax" value="&mvte:global:Address_Fax;" class="form-control" />
</div>
<div class="&mvte:global:Address_Company_Row;">
<label class="control-label italic" for="Address_Company">Company:</label>
<input type="text" name="Address_Company" id="Address_Company" value="&mvte:global:Address_Company;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address1_Row;">
<label class="control-label required" for="Address_Address1">Address:</label>
<input type="text" name="Address_Address1" id="Address_Address1" value="&mvte:global:Address_Address1;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address2_Row;">
<label class="control-label italic" for="Address_Address2">Address 2:</label>
<input type="text" name="Address_Address2" id="Address_Address2" value="&mvte:global:Address_Address2;" class="form-control" />
</div>
<div class="&mvte:global:Address_City_Row;">
<label class="control-label required" for="Address_City">City:</label>
<input type="text" name="Address_City" id="Address_City" value="&mvte:global:Address_City;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:Address_State_Row;">
<label class="control-label required" for="Address_State">State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:Address_State_Row; form_row_select">
<label class="control-label required" for="Address_StateSelect">State/Province:</label>
<mvt:item name="states" param="Address_StateSelect" />
</div>
<div class="&mvte:global:Address_State_Row;">
<label class="control-label italic" for="Address_State">Other State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control">
</div>
</mvt:if>
<div class="&mvte:global:Address_Zip_Row;">
<label class="control-label required" for="Address_Zip">Zip/Postal Code:</label>
<input type="text" name="Address_Zip" id="Address_Zip" value="&mvte:global:Address_Zip;" class="form-control" />
</div>
<div class="&mvte:global:Address_Country_Row; form_row_select">
<label class="control-label required" for="Address_Country">Country:</label>
<mvt:item name="countries" param="Address_Country" />
</div>
<div class="clear clearfix"></div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Shipping_Row;">
<mvt:if expr="g.Address_Default_Shipping">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1" checked> Set as Default Shipping Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1"> Set as Default Shipping Address</label>
</mvt:if>
</div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Billing_Row;">
<mvt:if expr="g.Address_Default_Billing">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1" checked> Set as Default Billing Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1"> Set as Default Billing Address</label>
</mvt:if>
</div>
<ul class="list-inline col-lg-12 h-reset-padding">
<li><mvt:item name="buttons" param="Save" /></li>
<li><a class="button button--large bg--secondary color--black font--uppercase h-nb" href="&mvte:urls:CABK:secure;">Cancel</a></li>
</ul>
</div>
###CADA - Header (Part of Header & Footer)
<mvt:if expr="l.settings:messages:error_message_count">
<p class="message message--error">
<mvt:foreach iterator="error" array="messages:error_messages">
&mvte:error;<br />
</mvt:foreach>
</p>
</mvt:if>
<mvt:if expr="l.settings:messages:information_message_count">
<p class="message message--info">
<mvt:foreach iterator="message" array="messages:information_messages">
&mvte:message;<br />
</mvt:foreach>
</p>
</mvt:if>
##CADE ###CADE - Details
<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 Address: Edit</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="&mvt:page:code;" id="JS_&mvt:page:code;">
<div id="site-container">
<mvt:item name="hdft" param="global_header" />
<mvt:item name="navbar" />
<div class="items">
<div class="page-head">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>&mvt:page:name;</h2>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 hidden-xs">
<mvt:item name="category_tree" />
</div>
<div class="col-md-9 col-sm-9">
<mvt:item name="breadcrumbs" />
<mvt:item name="hdft" param="header" />
<div class="col-md-12"><mvt:item name="addressfields" /></div>
<mvt:item name="hdft" param="footer" />
</div>
</div>
</div>
</div>
</div>
<mvt:item name="hdft" param="global_footer" />
</div>
</body>
</html>
###CADE - Customer Address Fields
<div class="col-lg-8 col-xs-12">
<form id="js-edit-address-form" action="&mvte:urls:CABK:secure;" method="post" autocomplete="off">
<input type="hidden" name="Address_ID" value="&mvte:global:Address_ID;" />
<input type="hidden" name="Action" value="UCSA" />
<div class="&mvte:global:Address_Description_Row;">
<label for="Address_Description" class="control-label required">Nickname</label>
<input class="form-control" id="Address_Description" type="text" name="Address_Description" value="&mvte:global:Address_Description;" required >
</div>
<div class="&mvte:global:Address_FirstName_Row;">
<label class="control-label required" for="Address_FirstName">First Name:</label>
<input type="text" name="Address_FirstName" id="Address_FirstName" value="&mvte:global:Address_FirstName;" class="form-control" />
</div>
<div class="&mvte:global:Address_LastName_Row;">
<label class="control-label required" for="Address_LastName">Last Name:</label>
<input type="text" name="Address_LastName" id="Address_LastName" value="&mvte:global:Address_LastName;" class="form-control" />
</div>
<div class="&mvte:global:Address_Email_Row;">
<label class="control-label required" for="Address_Email">Email Address:</label>
<input type="text" name="Address_Email" id="Address_Email" value="&mvte:global:Address_Email;" class="form-control" />
</div>
<div class="&mvte:global:Address_Phone_Row;">
<label class="control-label required" for="Address_Phone">Phone Number:</label>
<input type="text" name="Address_Phone" id="Address_Phone" value="&mvte:global:Address_Phone;" class="form-control" />
</div>
<div class="&mvte:global:Address_Fax_Row;">
<label class="control-label italic" for="Address_Fax">Fax Number:</label>
<input type="text" name="Address_Fax" id="Address_Fax" value="&mvte:global:Address_Fax;" class="form-control" />
</div>
<div class="&mvte:global:Address_Company_Row;">
<label class="control-label italic" for="Address_Company">Company:</label>
<input type="text" name="Address_Company" id="Address_Company" value="&mvte:global:Address_Company;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address1_Row;">
<label class="control-label required" for="Address_Address1">Address:</label>
<input type="text" name="Address_Address1" id="Address_Address1" value="&mvte:global:Address_Address1;" class="form-control" />
</div>
<div class="&mvte:global:Address_Address2_Row;">
<label class="control-label italic" for="Address_Address2">Address 2:</label>
<input type="text" name="Address_Address2" id="Address_Address2" value="&mvte:global:Address_Address2;" class="form-control" />
</div>
<div class="&mvte:global:Address_City_Row;">
<label class="control-label required" for="Address_City">City:</label>
<input type="text" name="Address_City" id="Address_City" value="&mvte:global:Address_City;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:Address_State_Row;">
<label class="control-label required" for="Address_State">State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:Address_State_Row; form_row_select">
<label class="control-label required" for="Address_StateSelect">State/Province:</label>
<mvt:item name="states" param="Address_StateSelect" />
</div>
<div class="&mvte:global:Address_State_Row;">
<label class="control-label italic" for="Address_State">Other State/Province:</label>
<input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="form-control">
</div>
</mvt:if>
<div class="&mvte:global:Address_Zip_Row;">
<label class="control-label required" for="Address_Zip">Zip/Postal Code:</label>
<input type="text" name="Address_Zip" id="Address_Zip" value="&mvte:global:Address_Zip;" class="form-control" />
</div>
<div class="&mvte:global:Address_Country_Row; form_row_select">
<label class="control-label required" for="Address_Country">Country:</label>
<mvt:item name="countries" param="Address_Country" />
</div>
<div class="clear clearfix"></div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Shipping_Row;">
<mvt:if expr="g.Address_Default_Shipping OR (g.Address_ID EQ g.Customer:ship_id)">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1" checked> Set as Default Shipping Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Shipping" value="1"> Set as Default Shipping Address</label>
</mvt:if>
</div>
<div class="col-lg-12 customer-address-form-row font--small &mvte:global:Address_Default_Billing_Row;">
<mvt:if expr="g.Address_Default_Billing OR (g.Address_ID EQ g.Customer:bill_id)">
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1" checked> Set as Default Billing Address</label>
<mvt:else>
<label class="floating-labels__check-radio italic"><input class="h-align-middle" type="checkbox" name="Address_Default_Billing" value="1"> Set as Default Billing Address</label>
</mvt:if>
</div>
<ul class="list-inline col-lg-12 h-reset-padding">
<li><mvt:item name="buttons" param="Save" /></li>
<li><a class="button button--large bg--secondary color--black font--uppercase h-nb" href="&mvte:urls:CABK:secure;">Cancel</a></li>
</ul>
</div>
###CADE - Header (Part of Header & Footer)
<mvt:if expr="l.settings:messages:error_message_count">
<p class="message message--error">
<mvt:foreach iterator="error" array="messages:error_messages">
&mvte:error;<br />
</mvt:foreach>
</p>
</mvt:if>
<mvt:if expr="l.settings:messages:information_message_count">
<p class="message message--info">
<mvt:foreach iterator="message" array="messages:information_messages">
&mvte:message;<br />
</mvt:foreach>
</p>
</mvt:if>
##INVC ###INVC - Order Contents
- Look for the
item:optionsloop, and look for:<mvt:elseif expr="NOT ISNULL l.settings:option:data">
BEFORE
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
AFTER (New)
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
<mvt:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )">
<a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a>
<mvt:else>
&mvt:option:attr_code;: &mvt:option:data;
</mvt:if>
##WISH ###WISH: Wish List Items Layout
- Look for
<mvt:foreach iterator="option" array="wishlistitem:product:options">
BEFORE
<mvt:foreach iterator="option" array="wishlistitem:product:options">
<p class="item-option">
<mvt:if expr="l.settings:option:option_id">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</p>
</mvt:foreach>
AFTER (New)
<mvt:foreach iterator="option" array="wishlistitem:product:options">
<p class="item-option">
<mvt:if expr="l.settings:option:option_id">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
<b>&mvt:option:attr_prompt;:</b> &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
<mvt:if expr="l.settings:option:base_price">
&mvt:option:formatted_base_price;
</mvt:if>
</p>
</mvt:foreach>
##ACAD ###ACAD: Customer Fields
<div id="fields-key">
<div><strong>Bold</strong> = Required</div>
<div><em>Italic</em> = Optional</div>
<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
<div><span class="red">Red</span> = Invalid</div>
</mvt:if>
</div>
<div id="login-details" class="clearfix">
<div class="col-md-4">
<div class="&mvte:global:LoginEmail_Row;">
<label class="control-label required" for="Customer_LoginEmail">Email Address:</label>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
<input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:LoginEmail;" class="form-control" autocomplete="off" onblur="if ( document.getElementById( 'Customer_ShipEmail' ) && ( document.getElementById( 'Customer_ShipEmail' ).value == '' ) ) document.getElementById( 'Customer_ShipEmail' ).value = this.value;" />
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
<input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:LoginEmail;" class="form-control" autocomplete="off" onblur="if ( document.getElementById( 'Customer_BillEmail' ) && ( document.getElementById( 'Customer_BillEmail' ).value == '' ) ) document.getElementById( 'Customer_BillEmail' ).value = this.value;" />
</mvt:if>
</div>
<div class="&mvte:global:Password_Row;">
<label class="control-label required" for="Customer_Password">Password:</label>
<input type="password" name="Customer_Password" id="Customer_Password" class="form-control" autocomplete="off" />
</div>
<div class="&mvte:global:VerifyPassword_Row;">
<label class="control-label required" for="Customer_VerifyPassword">Confirm Password:</label>
<input type="password" name="Customer_VerifyPassword" id="Customer_VerifyPassword" class="form-control" autocomplete="off" />
</div>
</div>
</div>
<br />
<div id="ship-to" class="col-md-6">
<h2 class="fields-heading">
Ship To:
<mvt:comment>
<mvt:if expr="g.Action AND g.shipping_to_show">
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" checked /> same as billing</label>
<mvt:else>
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" /> same as billing</label>
</mvt:if>
</mvt:comment>
</h2>
<div id="shipping_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:ShipID_Row;">
<label class="required" for="Customer_ShipID">Saved Address:</label>
<select name="Customer_ShipID" id="shipping_selector">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_ShipFirstName ) AND
toupper( l.settings:address:lname ) EQ toupper( g.Customer_ShipLastName ) AND
toupper( l.settings:address:email ) EQ toupper( g.Customer_ShipEmail ) AND
toupper( l.settings:address:comp ) EQ toupper( g.Customer_ShipCompany ) AND
toupper( l.settings:address:phone ) EQ toupper( g.Customer_ShipPhone ) AND
toupper( l.settings:address:fax ) EQ toupper( g.Customer_ShipFax ) AND
toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_ShipAddress1 ) AND
toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_ShipAddress2 ) AND
toupper( l.settings:address:city ) EQ toupper( g.Customer_ShipCity ) AND
(
( ( NOT ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipStateSelect ) ) ) OR
( ( ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipState ) ) )
) AND
toupper( l.settings:address:zip ) EQ toupper( g.Customer_ShipZip ) AND
toupper( l.settings:address:cntry ) EQ toupper( g.Customer_ShipCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</mvt:if>
<div class="&mvte:global:ShipFirstName_Row;">
<label class="control-label required" for="Customer_ShipFirstName">First Name:</label>
<input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:ShipFirstName;" class="form-control" />
</div>
<div class="&mvte:global:ShipLastName_Row;">
<label class="control-label required" for="Customer_ShipLastName">Last Name:</label>
<input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:ShipLastName;" class="form-control" />
</div>
<div class="&mvte:global:ShipEmail_Row;">
<label class="control-label required" for="Customer_ShipEmail">Email Address:</label>
<input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:ShipEmail;" class="form-control" />
</div>
<div class="&mvte:global:ShipPhone_Row;">
<label class="control-label required" for="Customer_ShipPhone">Phone Number:</label>
<input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:ShipPhone;" class="form-control" />
</div>
<div class="&mvte:global:ShipFax_Row;">
<label class="control-label italic" for="Customer_ShipFax">Fax Number:</label>
<input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:ShipFax;" class="form-control" />
</div>
<div class="&mvte:global:ShipCompany_Row;">
<label class="control-label italic" for="Customer_ShipCompany">Company:</label>
<input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:ShipCompany;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress1_Row;">
<label class="control-label required" for="Customer_ShipAddress1">Address:</label>
<input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:ShipAddress1;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress2_Row;">
<label class="control-label italic" for="Customer_ShipAddress2">Address 2:</label>
<input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:ShipAddress2;" class="form-control" />
</div>
<div class="&mvte:global:ShipCity_Row;">
<label class="control-label required" for="Customer_ShipCity">City:</label>
<input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:ShipCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="Customer_ShipState">State/Province:</label>
<input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:ShipState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="Customer_ShipStateSelect">State/Province:</label>
<mvt:item name="states" param="Customer_ShipStateSelect" />
</div>
<div class="&mvte:global:ShipState_Row;">
<label class="control-label italic" for="Customer_ShipState">Other State/Province:</label>
<input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:ShipState;" class="form-control">
</div>
</mvt:if>
<div class="&mvte:global:ShipZip_Row;">
<label class="control-label required" for="Customer_ShipZip">Zip/Postal Code:</label>
<input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:ShipZip;" class="form-control" />
</div>
<div class="&mvte:global:ShipCountry_Row;">
<label class="control-label required" for="Customer_ShipCountry">Country:</label>
<mvt:item name="countries" param="Customer_ShipCountry" />
</div>
</div>
</div>
<div id="bill-to" class="col-md-6">
<h2 class="fields-heading">
Bill To:
<mvt:if expr="g.Action AND g.billing_to_show">
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" checked /> same as shipping</label>
<mvt:else>
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" /> same as shipping</label>
</mvt:if>
</h2>
<div id="billing_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:BillID_Row;">
<label class="required" for="Customer_BillID">Saved Address:</label>
<select name="Customer_BillID" id="billing_selector">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_BillFirstName ) AND
toupper( l.settings:address:lname ) EQ toupper( g.Customer_BillLastName ) AND
toupper( l.settings:address:email ) EQ toupper( g.Customer_BillEmail ) AND
toupper( l.settings:address:comp ) EQ toupper( g.Customer_BillCompany ) AND
toupper( l.settings:address:phone ) EQ toupper( g.Customer_BillPhone ) AND
toupper( l.settings:address:fax ) EQ toupper( g.Customer_BillFax ) AND
toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_BillAddress1 ) AND
toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_BillAddress2 ) AND
toupper( l.settings:address:city ) EQ toupper( g.Customer_BillCity ) AND
(
( ( NOT ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillStateSelect ) ) ) OR
( ( ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillState ) ) )
) AND
toupper( l.settings:address:zip ) EQ toupper( g.Customer_BillZip ) AND
toupper( l.settings:address:cntry ) EQ toupper( g.Customer_BillCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</mvt:if>
<div class="&mvte:global:BillFirstName_Row;">
<label class="control-label required" for="Customer_BillFirstName">First Name:</label>
<input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:BillFirstName;" class="form-control" />
</div>
<div class="&mvte:global:BillLastName_Row;">
<label class="control-label required" for="Customer_BillLastName">Last Name:</label>
<input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:BillLastName;" class="form-control" />
</div>
<div class="&mvte:global:BillEmail_Row;">
<label class="control-label required" for="Customer_BillEmail">Email Address:</label>
<input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:BillEmail;" class="form-control" />
</div>
<div class="&mvte:global:BillPhone_Row;">
<label class="control-label required" for="Customer_BillPhone">Phone Number:</label>
<input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:BillPhone;" class="form-control" />
</div>
<div class="&mvte:global:BillFax_Row;">
<label class="control-label italic" for="Customer_BillFax">Fax Number:</label>
<input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:BillFax;" class="form-control" />
</div>
<div class="&mvte:global:BillCompany_Row;">
<label class="control-label italic" for="Customer_BillCompany">Company:</label>
<input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:BillCompany;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress1_Row;">
<label class="control-label required" for="Customer_BillAddress1">Address:</label>
<input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:BillAddress1;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress2_Row;">
<label class="control-label italic" for="Customer_BillAddress2">Address 2:</label>
<input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:BillAddress2;" class="form-control" />
</div>
<div class="&mvte:global:BillCity_Row;">
<label class="control-label required" for="Customer_BillCity">City:</label>
<input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:BillCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="Customer_BillState">State/Province:</label>
<input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:BillState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="Customer_BillStateSelect">State/Province:</label>
<mvt:item name="states" param="Customer_BillStateSelect" />
</div>
<div class="&mvte:global:BillState_Row;">
<label class="control-label italic" for="Customer_BillState">Other State/Province:</label>
<input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:BillState;" class="form-control" />
</div>
</mvt:if>
<div class="&mvte:global:BillZip_Row;">
<label class="control-label required" for="Customer_BillZip">Zip/Postal Code:</label>
<input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:BillZip;" class="form-control" />
</div>
<div class="&mvt:global:BillCountry_Row;">
<label class="control-label required" for="Customer_BillCountry">Country:</label>
<mvt:item name="countries" param="Customer_BillCountry" />
</div>
</div>
</div>
<mvt:if expr="l.settings:customer:match">
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
<script>document.getElementById( 'billing_to_show' ).checked = true;</script>
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
<script>document.getElementById( 'shipping_to_show' ).checked = true;</script>
</mvt:if>
</mvt:if>
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
<script type="text/javascript">
var MvCustomerAddresses = [];
<mvt:foreach iterator="address" array="customer:addresses">
MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
"id": <mvt:eval expr="int( l.settings:address:id )" />,
"cust_id": <mvt:eval expr="int( l.settings:address:cust_id )" />,
"descrip": "&mvtj:address:descrip;",
"fname": "&mvtj:address:fname;",
"lname": "&mvtj:address:lname;",
"email": "&mvtj:address:email;",
"comp": "&mvtj:address:comp;",
"phone": "&mvtj:address:phone;",
"fax": "&mvtj:address:fax;",
"addr1": "&mvtj:address:addr1;",
"addr2": "&mvtj:address:addr2;",
"city": "&mvtj:address:city;",
"state": "&mvtj:address:state;",
"zip": "&mvtj:address:zip;",
"cntry": "&mvtj:address:cntry;",
"resdntl": <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
};
</mvt:foreach>
</script>
</mvt:if>
<script src="&mvt:global:clientside_url;Store_Code=&mvta:store:code;&Filename=ToggleDetails.js&Primaddr=shipping&Shipping=D&Billing=O"></script>
##ACED ###ACED: Customer Fields
<div id="fields-key">
<div><strong>Bold</strong> = Required</div>
<div><em>Italic</em> = Optional</div>
<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
<div><span class="red">Red</span> = Invalid</div>
</mvt:if>
</div>
<input type="hidden" name="Customer_Login" value="&mvte:global:Customer:login;" />
<input type="hidden" name="Customer_PasswordEmail" value="&mvte:global:Customer:pw_email;" />
<br />
<div id="ship-to" class="col-md-6">
<h2 class="fields-heading">
Ship To:
<mvt:comment>
<mvt:if expr="g.Action AND g.shipping_to_show">
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" checked /> same as billing</label>
<mvt:else>
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" /> same as billing</label>
</mvt:if>
</mvt:comment>
</h2>
<div id="shipping_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:ShipID_Row;">
<label class="required" for="Customer_ShipID">Saved Address:</label>
<select name="Customer_ShipID" id="shipping_selector">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_ShipFirstName ) AND
toupper( l.settings:address:lname ) EQ toupper( g.Customer_ShipLastName ) AND
toupper( l.settings:address:email ) EQ toupper( g.Customer_ShipEmail ) AND
toupper( l.settings:address:comp ) EQ toupper( g.Customer_ShipCompany ) AND
toupper( l.settings:address:phone ) EQ toupper( g.Customer_ShipPhone ) AND
toupper( l.settings:address:fax ) EQ toupper( g.Customer_ShipFax ) AND
toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_ShipAddress1 ) AND
toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_ShipAddress2 ) AND
toupper( l.settings:address:city ) EQ toupper( g.Customer_ShipCity ) AND
(
( ( NOT ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipStateSelect ) ) ) OR
( ( ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipState ) ) )
) AND
toupper( l.settings:address:zip ) EQ toupper( g.Customer_ShipZip ) AND
toupper( l.settings:address:cntry ) EQ toupper( g.Customer_ShipCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</mvt:if>
<div class="&mvte:global:ShipFirstName_Row;">
<label class="control-label required" for="Customer_ShipFirstName">First Name:</label>
<input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" class="form-control" />
</div>
<div class="&mvte:global:ShipLastName_Row;">
<label class="control-label required" for="Customer_ShipLastName">Last Name:</label>
<input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" class="form-control" />
</div>
<div class="&mvte:global:ShipEmail_Row;">
<label class="control-label required" for="Customer_ShipEmail">Email Address:</label>
<input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" class="form-control" />
</div>
<div class="&mvte:global:ShipPhone_Row;">
<label class="control-label required" for="Customer_ShipPhone">Phone Number:</label>
<input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" class="form-control" />
</div>
<div class="&mvte:global:ShipFax_Row;">
<label class="control-label italic" for="Customer_ShipFax">Fax Number:</label>
<input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" class="form-control" />
</div>
<div class="&mvte:global:ShipCompany_Row;">
<label class="control-label italic" for="Customer_ShipCompany">Company:</label>
<input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress1_Row;">
<label class="control-label required" for="Customer_ShipAddress1">Address:</label>
<input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress2_Row;">
<label class="control-label italic" for="Customer_ShipAddress2">Address 2:</label>
<input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" class="form-control" />
</div>
<div class="&mvte:global:ShipCity_Row;">
<label class="control-label required" for="Customer_ShipCity">City:</label>
<input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="Customer_ShipState">State:</label>
<input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="Customer_ShipStateSelect">State:</label>
<mvt:item name="states" param="Customer_ShipStateSelect" />
</div>
</mvt:if>
<div class="&mvte:global:ShipZip_Row;">
<label class="control-label required" for="Customer_ShipZip">Zip:</label>
<input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" class="form-control" />
</div>
<div class="&mvte:global:ShipCountry_Row;" style="display:none;">
<label class="control-label required" for="Customer_ShipCountry">Country:</label>
<mvt:item name="countries" param="Customer_ShipCountry" />
</div>
</div>
</div>
<div id="bill-to" class="col-md-6">
<h2 class="fields-heading">
Bill To:
<mvt:if expr="g.Action AND g.billing_to_show">
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" checked /> same as shipping</label>
<mvt:else>
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" /> same as shipping</label>
</mvt:if>
</h2>
<div id="billing_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:BillID_Row;">
<label class="required" for="Customer_BillID">Saved Address:</label>
<select name="Customer_BillID" id="billing_selector">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_BillFirstName ) AND
toupper( l.settings:address:lname ) EQ toupper( g.Customer_BillLastName ) AND
toupper( l.settings:address:email ) EQ toupper( g.Customer_BillEmail ) AND
toupper( l.settings:address:comp ) EQ toupper( g.Customer_BillCompany ) AND
toupper( l.settings:address:phone ) EQ toupper( g.Customer_BillPhone ) AND
toupper( l.settings:address:fax ) EQ toupper( g.Customer_BillFax ) AND
toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_BillAddress1 ) AND
toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_BillAddress2 ) AND
toupper( l.settings:address:city ) EQ toupper( g.Customer_BillCity ) AND
(
( ( NOT ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillStateSelect ) ) ) OR
( ( ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillState ) ) )
) AND
toupper( l.settings:address:zip ) EQ toupper( g.Customer_BillZip ) AND
toupper( l.settings:address:cntry ) EQ toupper( g.Customer_BillCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</mvt:if>
<div class="&mvte:global:BillFirstName_Row;">
<label class="control-label required" for="Customer_BillFirstName">First Name:</label>
<input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" class="form-control" />
</div>
<div class="&mvte:global:BillLastName_Row;">
<label class="control-label required" for="Customer_BillLastName">Last Name:</label>
<input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" class="form-control" />
</div>
<div class="&mvte:global:BillEmail_Row;">
<label class="control-label required" for="Customer_BillEmail">Email Address:</label>
<input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" class="form-control" />
</div>
<div class="&mvte:global:BillPhone_Row;">
<label class="control-label required" for="Customer_BillPhone">Phone Number:</label>
<input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" class="form-control" />
</div>
<div class="&mvte:global:BillFax_Row;">
<label class="control-label italic" for="Customer_BillFax">Fax Number:</label>
<input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:Customer_BillFax;" class="form-control" />
</div>
<div class="&mvte:global:BillCompany_Row;">
<label class="control-label italic" for="Customer_BillCompany">Company:</label>
<input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress1_Row;">
<label class="control-label required" for="Customer_BillAddress1">Address:</label>
<input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress2_Row;">
<label class="control-label italic" for="Customer_BillAddress2">Address 2:</label>
<input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" class="form-control" />
</div>
<div class="&mvte:global:BillCity_Row;">
<label class="control-label required" for="Customer_BillCity">City:</label>
<input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:Customer_BillCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="Customer_BillState">State:</label>
<input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="Customer_BillStateSelect">State:</label>
<mvt:item name="states" param="Customer_BillStateSelect" />
</div>
</mvt:if>
<div class="&mvte:global:BillZip_Row;">
<label class="control-label required" for="Customer_BillZip">Zip:</label>
<input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:Customer_BillZip;" class="form-control" />
</div>
<div class="&mvt:global:Customer_BillCountry_Row;" style="display:none;">
<label class="control-label required" for="Customer_BillCountry">Country:</label>
<mvt:item name="countries" param="Customer_BillCountry" />
</div>
</div>
</div>
<mvt:if expr="l.settings:customer:match">
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
<script>document.getElementById( 'billing_to_show' ).checked = true;</script>
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
<script>document.getElementById( 'shipping_to_show' ).checked = true;</script>
</mvt:if>
</mvt:if>
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
<script type="text/javascript">
var MvCustomerAddresses = [];
<mvt:foreach iterator="address" array="customer:addresses">
MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
"id": <mvt:eval expr="int( l.settings:address:id )" />,
"cust_id": <mvt:eval expr="int( l.settings:address:cust_id )" />,
"descrip": "&mvtj:address:descrip;",
"fname": "&mvtj:address:fname;",
"lname": "&mvtj:address:lname;",
"email": "&mvtj:address:email;",
"comp": "&mvtj:address:comp;",
"phone": "&mvtj:address:phone;",
"fax": "&mvtj:address:fax;",
"addr1": "&mvtj:address:addr1;",
"addr2": "&mvtj:address:addr2;",
"city": "&mvtj:address:city;",
"state": "&mvtj:address:state;",
"zip": "&mvtj:address:zip;",
"cntry": "&mvtj:address:cntry;",
"resdntl": <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
};
</mvt:foreach>
</script>
</mvt:if>
<script src="&mvt:global:clientside_url;Store_Code=&mvta:store:code;&Filename=ToggleDetails.js&Primaddr=shipping&Shipping=D&Billing=O"></script>
##OCST ###OCST: Customer Fields
<h3 class="title">Shipping and Billing Information</h3>
<div id="fields-key">
<div><strong>Bold</strong> = Required</div>
<div><em>Italic</em> = Optional</div>
<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
<div><span class="red">Red</span> = Invalid</div>
</mvt:if>
</div>
<div id="ship-to" class="col-md-6">
<h2 class="fields-heading">
Ship To:
<mvt:comment>
<mvt:if expr="g.Action AND g.shipping_to_show">
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" checked /> same as billing</label>
<mvt:else>
<label for="shipping_to_show" id="shipping_controls" class="controls input-sm"><input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" /> same as billing</label>
</mvt:if>
</mvt:comment>
</h2>
<div id="shipping_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:ShipID_Row;">
<label for="shipping_selectorr">Saved Address</label>
<select id="shipping_selector" class="form-control" name="ShipID">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.ShipFirstName ) AND toupper( l.settings:address:lname ) EQ toupper( g.ShipLastName ) AND toupper( l.settings:address:email ) EQ toupper( g.ShipEmail ) AND toupper( l.settings:address:comp ) EQ toupper( g.ShipCompany ) AND toupper( l.settings:address:phone ) EQ toupper( g.ShipPhone ) AND toupper( l.settings:address:fax ) EQ toupper( g.ShipFax ) AND toupper( l.settings:address:addr1 ) EQ toupper( g.ShipAddress1 ) AND toupper( l.settings:address:addr2 ) EQ toupper( g.ShipAddress2 ) AND toupper( l.settings:address:city ) EQ toupper( g.ShipCity ) AND ( ( ( NOT ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipStateSelect ) ) ) OR ( ( ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipState ) ) ) ) AND toupper( l.settings:address:zip ) EQ toupper( g.ShipZip ) AND toupper( l.settings:address:cntry ) EQ toupper( g.ShipCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
<div class="h-breaker h-clear"></div>
</mvt:if>
<div class="&mvte:global:ShipFirstName_Row;">
<label class="control-label required" for="ShipFirstName">First Name:</label>
<input type="text" name="ShipFirstName" id="ShipFirstName" value="&mvte:global:ShipFirstName;" class="form-control" />
</div>
<div class="&mvte:global:ShipLastName_Row;">
<label class="control-label required" for="ShipLastName">Last Name:</label>
<input type="text" name="ShipLastName" id="ShipLastName" value="&mvte:global:ShipLastName;" class="form-control" />
</div>
<div class="&mvte:global:ShipEmail_Row;">
<label class="control-label required" for="ShipEmail">Email Address:</label>
<input type="text" name="ShipEmail" id="ShipEmail" value="&mvte:global:ShipEmail;" class="form-control" />
</div>
<div class="&mvte:global:ShipPhone_Row;">
<label class="control-label required" for="ShipPhone">Phone Number:</label>
<input type="text" name="ShipPhone" id="ShipPhone" value="&mvte:global:ShipPhone;" class="form-control" />
</div>
<div class="&mvte:global:ShipFax_Row;">
<label class="control-label italic" for="ShipFax">Fax Number:</label>
<input type="text" name="ShipFax" id="ShipFax" value="&mvte:global:ShipFax;" class="form-control" />
</div>
<div class="&mvte:global:ShipCompany_Row;">
<label class="control-label italic" for="ShipCompany">Company:</label>
<input type="text" name="ShipCompany" id="ShipCompany" value="&mvte:global:ShipCompany;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress1_Row;">
<label class="control-label required" for="ShipAddress1">Address:</label>
<input type="text" name="ShipAddress1" id="ShipAddress1" value="&mvte:global:ShipAddress1;" class="form-control" />
</div>
<div class="&mvte:global:ShipAddress2_Row;">
<label class="control-label italic" for="ShipAddress2">Address 2:</label>
<input type="text" name="ShipAddress2" id="ShipAddress2" value="&mvte:global:ShipAddress2;" class="form-control" />
</div>
<div class="&mvte:global:ShipCity_Row;">
<label class="control-label required" for="ShipCity">City:</label>
<input type="text" name="ShipCity" id="ShipCity" value="&mvte:global:ShipCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="ShipState">State/Province:</label>
<input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:ShipState_Row;">
<label class="control-label required" for="ShipStateSelect">State/Province:</label>
<mvt:item name="states" param="ShipStateSelect" />
</div>
<div class="&mvte:global:ShipState_Row;">
<label class="control-label italic" for="ShipState">Other State/Province:</label>
<input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="form-control">
</div>
</mvt:if>
<div class="&mvte:global:ShipZip_Row;">
<label class="control-label required" for="ShipZip">Zip/Postal Code:</label>
<input type="text" name="ShipZip" id="ShipZip" value="&mvte:global:ShipZip;" class="form-control" />
</div>
<div class="&mvte:global:ShipCountry_Row;">
<label class="control-label required" for="ShipCountry">Country:</label>
<mvt:item name="countries" param="ShipCountry" />
</div>
<div class="clear clearfix"></div>
</div>
</div>
<div id="bill-to" class="col-md-6">
<h2 class="fields-heading">
Bill To:
<mvt:if expr="g.Action AND g.billing_to_show">
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" checked /> same as shipping</label>
<mvt:else>
<label for="billing_to_show" id="billing_controls" class="controls input-sm"><input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" /> same as shipping</label>
</mvt:if>
</h2>
<div id="billing_fields">
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<div class="&mvte:global:BillID_Row;">
<label for="billing_selector">Saved Address:</label>
<select id="billing_selector" class="form-control" name="BillID">
<option value="-1"><New></option>
<mvt:foreach iterator="address" array="customer:addresses">
<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.BillFirstName ) AND toupper( l.settings:address:lname ) EQ toupper( g.BillLastName ) AND toupper( l.settings:address:email ) EQ toupper( g.BillEmail ) AND toupper( l.settings:address:comp ) EQ toupper( g.BillCompany ) AND toupper( l.settings:address:phone ) EQ toupper( g.BillPhone ) AND toupper( l.settings:address:fax ) EQ toupper( g.BillFax ) AND toupper( l.settings:address:addr1 ) EQ toupper( g.BillAddress1 ) AND toupper( l.settings:address:addr2 ) EQ toupper( g.BillAddress2 ) AND toupper( l.settings:address:city ) EQ toupper( g.BillCity ) AND ( ( ( NOT ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillStateSelect ) ) ) OR ( ( ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillState ) ) ) ) AND toupper( l.settings:address:zip ) EQ toupper( g.BillZip ) AND toupper( l.settings:address:cntry ) EQ toupper( g.BillCountry )">
<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
<mvt:else>
<option value="&mvte:address:id;">&mvte:address:descrip;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</mvt:if>
<div class="&mvte:global:BillFirstName_Row;">
<label class="control-label required" for="BillFirstName">First Name:</label>
<input type="text" name="BillFirstName" id="BillFirstName" value="&mvte:global:BillFirstName;" class="form-control" />
</div>
<div class="&mvte:global:BillLastName_Row;">
<label class="control-label required" for="BillLastName">Last Name:</label>
<input type="text" name="BillLastName" id="BillLastName" value="&mvte:global:BillLastName;" class="form-control" />
</div>
<div class="&mvte:global:BillEmail_Row;">
<label class="control-label required" for="BillEmail">Email Address:</label>
<input type="text" name="BillEmail" id="BillEmail" value="&mvte:global:BillEmail;" class="form-control" />
</div>
<div class="&mvte:global:BillPhone_Row;">
<label class="control-label required" for="BillPhone">Phone Number:</label>
<input type="text" name="BillPhone" id="BillPhone" value="&mvte:global:BillPhone;" class="form-control" />
</div>
<div class="&mvte:global:BillFax_Row;">
<label class="control-label italic" for="BillFax">Fax Number:</label>
<input type="text" name="BillFax" id="BillFax" value="&mvte:global:BillFax;" class="form-control" />
</div>
<div class="&mvte:global:BillCompany_Row;">
<label class="control-label italic" for="BillCompany">Company:</label>
<input type="text" name="BillCompany" id="BillCompany" value="&mvte:global:BillCompany;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress1_Row;">
<label class="control-label required" for="BillAddress1">Address:</label>
<input type="text" name="BillAddress1" id="BillAddress1" value="&mvte:global:BillAddress1;" class="form-control" />
</div>
<div class="&mvte:global:BillAddress2_Row;">
<label class="control-label italic" for="BillAddress2">Address 2:</label>
<input type="text" name="BillAddress2" id="BillAddress2" value="&mvte:global:BillAddress2;" class="form-control" />
</div>
<div class="&mvte:global:BillCity_Row;">
<label class="control-label required" for="BillCity">City:</label>
<input type="text" name="BillCity" id="BillCity" value="&mvte:global:BillCity;" class="form-control" />
</div>
<mvt:if expr="g.States_Empty">
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="BillState">State/Province:</label>
<input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="form-control" />
</div>
<mvt:else>
<div class="&mvte:global:BillState_Row;">
<label class="control-label required" for="BillStateSelect">State/Province:</label>
<mvt:item name="states" param="BillStateSelect" />
</div>
<div class="&mvte:global:BillState_Row;">
<label class="control-label italic" for="BillState">Other State/Province:</label>
<input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="form-control" />
</div>
</mvt:if>
<div class="&mvte:global:BillZip_Row;">
<label class="control-label required" for="BillZip">Zip/Postal Code:</label>
<input type="text" name="BillZip" id="BillZip" value="&mvte:global:BillZip;" class="form-control" />
</div>
<div class="&mvt:global:BillCountry_Row;">
<label class="control-label required" for="BillCountry">Country:</label>
<mvt:item name="countries" param="BillCountry" />
</div>
</div>
</div>
<div id="tax-fields">
<mvt:foreach array="tax:fields" iterator="field">
<mvt:if expr="l.settings:field:invalid">
<div class="form-group has-error">
<label>&mvt:field:prompt;</label>
<mvt:item name="tax" param="field:code" />
</div>
<mvt:else>
<div class="form-group">
<label>&mvt:field:prompt;</label>
<mvt:item name="tax" param="field:code" />
</div>
</mvt:if>
</mvt:foreach>
</div>
<mvt:if expr="g.Basket:cust_id">
<div class="clear clearfix"></div>
<br /><br />
<div class="col-md-12">
<mvt:if expr="g.Update_Customer">
<label><input type="checkbox" name="Update_Customer" value="Yes" checked /> Update Customer Record With This Information</label>
<mvt:else>
<label><input type="checkbox" name="Update_Customer" value="Yes" /> Update Customer Record With This Information</label>
</mvt:if>
</div>
</div>
</mvt:if>
<mvt:if expr="l.settings:customer:match">
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
<script>document.getElementById( 'billing_to_show' ).checked = true;</script>
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
<script>document.getElementById( 'shipping_to_show' ).checked = true;</script>
</mvt:if>
</mvt:if>
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
<script>
var MvCustomerAddresses = [];
<mvt:foreach iterator="address" array="customer:addresses">
MvCustomerAddresses[<mvt:eval expr="int( l.settings:address:id )" />] = {
"id": <mvt:eval expr="int( l.settings:address:id )" />,
"cust_id": <mvt:eval expr="int( l.settings:address:cust_id )" />,
"descrip": "&mvtj:address:descrip;",
"fname": "&mvtj:address:fname;",
"lname": "&mvtj:address:lname;",
"email": "&mvtj:address:email;",
"comp": "&mvtj:address:comp;",
"phone": "&mvtj:address:phone;",
"fax": "&mvtj:address:fax;",
"addr1": "&mvtj:address:addr1;",
"addr2": "&mvtj:address:addr2;",
"city": "&mvtj:address:city;",
"state": "&mvtj:address:state;",
"zip": "&mvtj:address:zip;",
"cntry": "&mvtj:address:cntry;",
"resdntl": <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
};
</mvt:foreach>
</script>
</mvt:if>
<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&Filename=ToggleDetails.js&Primaddr=shipping&Shipping=D&Billing=O"></script>
##ORDS ###ORDS: Order Contents BEFORE
<mvt:foreach iterator="option" array="item:options">
<br />
<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>
<mvt:foreach iterator="discount" array="option:discounts">
<mvt:if expr="l.settings:discount:display">
<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
</mvt:if>
</mvt:foreach>
</mvt:foreach>
AFTER (New)
<mvt:foreach iterator="option" array="item:options">
<br />
<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:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )">
<a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a>
<mvt:else>
&mvt:option:attr_code;: &mvt:option:data;
</mvt:if>
<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>
<mvt:foreach iterator="discount" array="option:discounts">
<mvt:if expr="l.settings:discount:display">
<div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
</mvt:if>
</mvt:foreach>
</mvt:foreach>
#FILE UPDATES /css/style.css
/* Miva 9.5 Changes */
.address-form-toggle input:checked ~ label {
opacity: 0.25;
}
.address-form-toggle label {
position: relative;
}
.address-form-toggle input:checked ~ form {
max-height: 100rem;
transition: all 0.3s ease-in-out;
visibility: visible;
}
.address-form-toggle form {
height: auto;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
visibility: hidden;
}
.customer_toggle-btn {
background: #2b2e2e;
color: #fff !important;
border-color: #2b2e2e;
margin-top: 1rem;
display: block;
}
.address-book-remove {float: right; text-decoration: none !important;}
.customer-address-secondary {
position: relative;
border: 1px solid #e1e6e9;
padding: 1.5rem;
margin-top: 1.5rem;
}
#js-edit-address-form {padding: 1.5rem;}
.customer-address-set-default {margin-top: 1rem;}
.customer-address-set-default li {margin-right: 0.5rem !important;}
.customer-address-title {margin-bottom: 1rem; font-size: 24px !important;}
.breaker {height: 1.5rem;}
.customer-address-form-row {position: relative; margin-bottom: 1rem;}
.customer-address-form-row select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.customer-account-links {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-flow: row wrap;
justify-content: flex-start;
}
.customer-account-link-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 1.5rem;
}
.customer-links-inner {
padding: 1.5rem;
width: 100%;
border: 1px solid #e1e6e9;
}
.customer-address-form-row > input,
.customer-address-form-row > select {height: 4em; line-height: 4.1; width: 100%;}
.customer-account-links p, .customer-account-links ul {padding-left: 2rem;}
.no-list {
list-style: none;
margin: 0;
padding: 0;
}
.no-list li {list-style-type: none !important;}
.np {padding-left: 0; padding-right: 0;}
.nlp {padding-left:0;}
.nrp {padding-right:0;}
.customer-account-order-search__title { background: #4e5555;}
.customer-account-order-search__title * {
color: #fff;
font-size: 16px !important;
line-height: 2;
}
.customer-account-order-search__title h3 {color: #fff;}
.customer-account-order-search_wrap {border: 1px solid #ddd;}
.customer-account-order-search__view_all {margin-top: 6px;}
.customer-account-order-search__search {margin-top: 2px;}
.customer-account-order-search_padding {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.search-orders_input {
border-right: none;
border-radius: 5px 0 0 5px;
}
.search-orders_button {
border-radius: 0 5px 5px 0;
}
.form_row_select select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/js/custom.js
- right after:
JS_ACED: function () {
$('#aced_form').find('select').addClass('form-control');
},
place this new function for the CABK page
JS_CABK: function() {
$('[data-hook="ShipCountry"]').on('input', 'select', function (event) {
var state = $('[data-hook="ShipState]"'),
stateLabel = state.children('label'),
stateLabelFor = stateLabel.attr('for');
if ($(this).val() === 'US') {
stateLabel.attr('for', stateLabelFor + 'Select');
state.children('input').addClass('h-visually-hidden');
state.children('select').removeClass('h-visually-hidden');
}
else {
stateLabel.attr('for', stateLabelFor);
state.children('input').removeClass('h-visually-hidden');
state.children('select').addClass('h-visually-hidden');
}
});
$('[data-hook="edit-address"]').on('click', function (event) {
event.preventDefault();
var editBlock = $('[data-hook=' + $(this).data('target') + ']');
// editBlock.parents('div').scrollToMe();
editBlock.load($(this).attr('href') + ' #js-edit-address-form', function () {
var existingContent = $(this).siblings();
existingContent.fadeOut(100);
$('[data-hook="cancel-edit"]').on('click', function (event) {
event.preventDefault();
existingContent.fadeIn(100);
editBlock.empty();
});
});
});
},