tessguefen
3/2/2016 - 6:27 PM
indyiron navigation bar
indyiron navigation bar
<mvt:if expr="l.settings:page:code EQ 'ORDL' OR l.settings:page:code EQ 'OCST' OR l.settings:page:code EQ 'OUS1' OR l.settings:page:code EQ 'OUSM' OR l.settings:page:code EQ 'UATM' OR l.settings:page:code EQ 'UATR' OR l.settings:page:code EQ 'OSEL' OR l.settings:page:code EQ 'OPAY' OR l.settings:page:code EQ 'INVC'">
<nav id="js-navigation-bar" class="navigation-bar &mvte:readytheme:code; bg-charcoal oswald">
<mvt:else>
<nav id="js-navigation-bar" class="navigation-bar &mvte:readytheme:code; bg-gold oswald">
</mvt:if>
<div class="row all-hidden medium-all-shown large-all-hidden mobile-navigation-bar">
<div class="column one-eighth align-left toggle-slide-left"><span data-icon="a"> Shop</span></div>
<div id="js-open-global-search--tablet" class="column one-twelfth float-right open-global-search--tablet"><span data-rt-icon="j"></span></div>
</div>
<ul id="js-navigation-set" class="navigation-set &mvte:readytheme:layout;">
<mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
<li class="level-1">
<mvt:assign name="l.settings:navigationitem:idName" value="glosub( l.settings:navigationitem:name, ' ', '-' )" />
<span id="&mvt:navigationitem:idName;">&mvt:navigationitem:link;</span>
<mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
<mvt:assign name="l.settings:navigation:rowcount" value="miva_array_elements(l.settings:navigationitem:items)" />
<mvt:assign name="l.settings:navigation:count" value="1" />
<mvt:if expr="l.settings:navigation:rowcount EQ 1">
<!-- rowcount 1 -->
<ul>
<div class="row column-styling">
<mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
<div class="column whole">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<mvt:assign name="l.helpfultotal" value="miva_array_elements( l.settings:navigationitem_level2:items )" />
<!-- helpfultotal: <mvt:eval expr="l.helpfultotal" /> -->
<mvt:assign name="l.helpfulfifth" value="ceil(l.helpfultotal / 5)" />
<!-- a fifth: <mvt:eval expr="l.helpfulfifth" /> -->
<mvt:assign name="l.helpfulcount" value="0" />
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.helpfulcount EQ 0 OR l.helpfulcount EQ l.helpfulfifth OR l.helpfulcount EQ (l.helpfulfifth * 2) OR l.helpfulcount EQ (l.helpfulfifth * 3) OR l.helpfulcount EQ (l.helpfulfifth * 4)">
<!-- Open -->
<div class="column large-one-fifth np">
</mvt:if>
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
<mvt:assign name="l.helpfulcount" value="l.helpfulcount + 1" />
<mvt:if expr="l.helpfulcount EQ l.helpfulfifth OR l.helpfulcount EQ (l.helpfulfifth * 2) OR l.helpfulcount EQ (l.helpfulfifth * 3) OR l.helpfulcount EQ (l.helpfulfifth * 4) OR l.helpfulcount EQ l.helpfultotal">
</div>
<!-- Close -->
</mvt:if>
</mvt:foreach>
</mvt:if>
</div>
</mvt:foreach>
</div>
</ul>
<!-- /rowcount 1 -->
<mvt:elseif expr="l.settings:navigation:rowcount EQ 2">
<!-- rowcount 2 -->
<ul>
<div class="row column-styling">
<mvt:assign name="l.twocolumncount" value="1" />
<mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
<mvt:if expr="l.twocolumncount EQ 1">
<div class="column large-three-fourths">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<mvt:assign name="l.helpfultotal" value="miva_array_elements( l.settings:navigationitem_level2:items )" />
<mvt:assign name="l.helpfulthird" value="ceil(l.helpfultotal / 3)" />
<mvt:assign name="l.helpfulcount" value="0" />
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.helpfulcount EQ 0 OR l.helpfulcount EQ l.helpfulthird OR l.helpfulcount EQ (l.helpfulthird * 2)">
<div class="column large-one-third np">
</mvt:if>
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
<mvt:assign name="l.helpfulcount" value="l.helpfulcount + 1" />
<mvt:if expr="l.helpfulcount EQ l.helpfulthird OR l.helpfulcount EQ (l.helpfulthird * 2) OR l.helpfulcount EQ l.helpfultotal">
</div>
</mvt:if>
</mvt:foreach>
</mvt:if>
<mvt:else>
<div class="column large-one-fourth">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
</mvt:foreach>
</mvt:if>
</mvt:if>
</div>
<mvt:assign name="l.twocolumncount" value="l.twocolumncount + 1" />
</mvt:foreach>
</div>
</ul>
<!-- /rowcount 2 -->
<mvt:elseif expr="l.settings:navigation:rowcount EQ 3">
<!-- rowcount 3 -->
<ul>
<div class="row column-styling">
<mvt:assign name="l.threecolumncount" value="1" />
<mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
<mvt:if expr="l.threecolumncount EQ 1">
<div class="column large-half">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<mvt:assign name="l.helpfultotal" value="miva_array_elements( l.settings:navigationitem_level2:items )" />
<mvt:assign name="l.helpfulhalf" value="ceil(l.helpfultotal / 2)" />
<mvt:assign name="l.helpfulcount" value="0" />
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.helpfulcount EQ 0 OR l.helpfulcount EQ l.helpfulhalf">
<div class="column large-half np">
</mvt:if>
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
<mvt:assign name="l.helpfulcount" value="l.helpfulcount + 1" />
<mvt:if expr="l.helpfulcount EQ l.helpfulhalf OR l.helpfulcount EQ l.helpfultotal">
</div>
</mvt:if>
</mvt:foreach>
</div>
<mvt:else>
<div class="column large-one-fourth">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<div class="column np">
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
</mvt:foreach>
</div>
</div>
</mvt:if>
<mvt:assign name="l.threecolumncount" value="l.threecolumncount + 1" />
</mvt:foreach>
</div>
</ul>
<!-- /rowcount 3 -->
<mvt:elseif expr="l.settings:navigation:rowcount EQ 4">
<!-- rowcount 4 -->
<ul>
<div class="row column-styling">
<mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
<div class="column large-one-fourth">
<span class="large-show hide navigation-title">&mvt:navigationitem_level2:link;</span>
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<div class="column np">
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<mvt:if expr="l.settings:navigationitem_level3:link_targ EQ 'button'">
<mvt:assign name="l.settings:navigationitem_level3:link" value="glosub(l.settings:navigationitem_level3:link, 'button', '_self')" />
<li class="level-2 roboto mega-menu-btn"><span>&mvt:navigationitem_level3:link;</span></li>
<mvt:else>
<li class="level-2 roboto"><span>&mvt:navigationitem_level3:link;</span></li>
</mvt:if>
</mvt:foreach>
</div>
</mvt:if>
</div>
</mvt:foreach>
</div>
</ul>
<!-- /rowcount 4 -->
<mvt:else>
</mvt:if>
</mvt:if>
</li>
</mvt:foreach>
<li id="js-open-global-search" class="level-1 open-global-search"><a href="&mvt:global:sessionurl;Screen=SRCH" data-rt-icon="j"></a></li>
<li id="mobile-blog-link" class="level-1 large-hide"><mvt:item name="readytheme" param="banner( 'top_header_blog' )" /></li>
</ul>
<div class="row wrap">
<form action="&mvt:global:protocol_relative_url;Screen=SRCH" method="post" id="js-global-search" class="column whole large-half bg-white nrp global-search hide">
<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
<input type="hidden" name="priceranges" value="1" />
<input type="hidden" name="customfield1" value="brandname" />
<input type="hidden" name="searchcatcount" value="1" />
<input type="hidden" name="srch_all" value="1" />
<input type="search" name="Search" value="" placeholder="Search…" class="bg-transparent nb input-large-font" />
<button type="submit" class="button button-square bg-transparent nb np button-large-font" data-rt-icon="d"></button>
</form>
</div>
<mvt:if expr="l.settings:page:code EQ 'ORDL' OR l.settings:page:code EQ 'OCST' OR l.settings:page:code EQ 'OUS1' OR l.settings:page:code EQ 'OUSM' OR l.settings:page:code EQ 'UATM' OR l.settings:page:code EQ 'UATR' OR l.settings:page:code EQ 'OSEL' OR l.settings:page:code EQ 'OPAY' OR l.settings:page:code EQ 'INVC'">
<div class="row checkout-headers">
<mvt:if expr="l.settings:page:code EQ 'ORDL' OR l.settings:page:code EQ 'OCST' OR l.settings:page:code EQ 'OUS1' OR l.settings:page:code EQ 'OUSM' OR l.settings:page:code EQ 'UATM' OR l.settings:page:code EQ 'UATR'">
<div class="column one-fourth bg-gold"><span data-icon=""></span><strong class="hide medium-show">CUSTOMER INFORMATION</strong><strong class="medium-hide">STEP 1</strong></div>
<mvt:else>
<div class="column one-fourth"><span data-icon=""></span><strong class="hide medium-show">CUSTOMER INFORMATION</strong><strong class="medium-hide">STEP 1</strong></div>
</mvt:if>
<mvt:if expr="l.settings:page:code EQ 'OSEL'">
<div class="column one-fourth bg-gold"><span data-icon=""></span><strong class="hide medium-show">SHIPPING OPTIONS</strong><strong class="medium-hide">STEP 2</strong></div>
<mvt:else>
<div class="column one-fourth"><span data-icon=""></span><strong class="hide medium-show">SHIPPING OPTIONS</strong><strong class="medium-hide">STEP 2</strong></div>
</mvt:if>
<mvt:if expr="l.settings:page:code EQ 'OPAY'">
<div class="column one-fourth bg-gold"><span data-icon=""></span><strong class="hide medium-show">PAYMENT INFORMATION</strong><strong class="medium-hide">STEP 3</strong></div>
<mvt:else>
<div class="column one-fourth"><span data-icon=""></span><strong class="hide medium-show">PAYMENT INFORMATION</strong><strong class="medium-hide">STEP 3</strong></div>
</mvt:if>
<mvt:if expr="l.settings:page:code EQ 'INVC'">
<div class="column one-fourth bg-gold"><span data-icon=""></span><strong class="hide medium-show">ORDER CONFIRMATION</strong><strong class="medium-hide">STEP 4</strong></div>
<mvt:else>
<div class="column one-fourth"><span data-icon=""></span><strong class="hide medium-show">ORDER CONFIRMATION</strong><strong class="medium-hide">STEP 4</strong></div>
</mvt:if>
</div>
</mvt:if>
</nav>