Components & Layouts - v1.012

Code to call template.xml

<mvt:assign name="l.settings:layout_code" value="'sfnt_layout'" />
<mvt:item name="readytheme" param="contentsection( 'components_and_layouts' )" />
<mvt:eval expr="l.settings:final_output" />

RT Section - components_and_layouts.xml

<mvt:assign name="l.settings:final_output"  value="''" />

<mvt:if expr="NOT len_var( l.settings:layout_code )">
	<mvt:exit />
</mvt:if>

<mvt:assign name="l.settings:layout" value="''" />
<mvt:item name="tgcomponent" param="Layout_Load_Code( l.settings:layout_code, l.settings:layout )"/>

<mvt:if expr="ISNULL l.settings:layout">
	<mvt:exit />
</mvt:if>

<mvt:do file="g.Module_Library_Utilities" name="l.success" value="QuickSortArray( l.settings:layout, ':disp_order', -1 )" />

<mvt:assign name="l.components"				value="l.settings:layout" />
<mvt:assign name="l.data"					value="''" />
<mvt:assign name="l.components_count"		value="miva_array_elements( l.components )" />
<mvt:assign name="l.while_counter"			value="1" />
<mvt:assign name="l.settings:unique_id"		value="'#'" />

<mvt:while expr="( l.while_counter LE l.components_count )">
	<mvt:assign name="l.settings:current_item" value="miva_variable_value( 'l.components[' $ l.while_counter $ ']' )" />

	<mvt:capture variable="l.data">
		<mvt:if expr="l.settings:current_item:component:code EQ 'SOME_CODE_HERE'">
			<mvt:if expr="l.settings:current_item:children_count GT 0">
				<!--[&mvt:unique_id;&mvt:current_item:id;]-->
			</mvt:if>
		</mvt:if>
	</mvt:capture>

	<mvt:if expr="l.settings:current_item:children_count GT 0">
		<mvt:do file="g.Module_Library_Utilities" name="l.success" value="QuickSortArray( l.settings:current_item:children, ':disp_order', -1 )" />
		<mvt:assign name="l.components_count" value="miva_array_merge( l.settings:current_item:children, 1, l.settings:current_item:children_count, l.components, -1 )" />
	</mvt:if>
	
	<mvt:assign name="l.index" value="0" />

	<mvt:if expr="l.settings:current_item:parent GT 0">
		<mvt:assign name="l.find_me"	value="'<!--[' $ l.settings:unique_id $ l.settings:current_item:parent $ ']-->'" />
		<mvt:assign name="l.index"		value="indexof( l.find_me, l.settings:final_output, 1 )" />
	</mvt:if>

	<mvt:if expr="l.index GT 0">
		<mvt:assign name="l.index_findme_length"	value="l.index + len_var( l.find_me )" />
		<mvt:assign name="l.settings:final_output"	value="substring_var( l.settings:final_output, 1, l.index_findme_length ) $ l.data $ substring_var( l.settings:final_output, l.index_findme_length, len_var( l.settings:final_output ) )" />
	<mvt:else>
		<mvt:assign name="l.settings:final_output"	value="l.data $ l.settings:final_output" />
	</mvt:if>

	<mvt:assign name="l.while_counter" value="l.while_counter + 1" />
</mvt:while>

<mvt:assign name="l.settings:layout_code" value="''" />

Shadows Elements Example.xml

<mvt:assign name="l.settings:final_output"  value="''" />

<mvt:if expr="NOT len_var( l.settings:layout_code )">
	<mvt:exit />
</mvt:if>

<mvt:assign name="l.settings:layout" value="''" />
<mvt:item name="tgcomponent" param="Layout_Load_Code( l.settings:layout_code, l.settings:layout )"/>

<mvt:if expr="ISNULL l.settings:layout">
	<mvt:exit />
</mvt:if>

<mvt:do file="g.Module_Library_Utilities" name="l.success" value="QuickSortArray( l.settings:layout, ':disp_order', -1 )" />

<mvt:assign name="l.components"			value="l.settings:layout" />
<mvt:assign name="l.data" 				value="''" />
<mvt:assign name="l.components_count"	value="miva_array_elements( l.components )" />
<mvt:assign name="l.while_counter"		value="1" />
<mvt:assign name="l.settings:unique_id"	value="'#'" />

<mvt:while expr="( l.while_counter LE l.components_count )">
	<mvt:assign name="l.settings:current_item" value="miva_variable_value( 'l.components[' $ l.while_counter $ ']' )" />

	<mvt:capture variable="l.data">
		<mvt:if expr="l.settings:current_item:component:code EQ 'shadows_hero'">
			<section class="o-layout">
				<div class="o-layout__item">
					<mvt:if expr="l.settings:current_item:attributes:link:value">
						<a class="x-hero" href="&mvte:current_item:attributes:link:value";">
							<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
						</a>
					<mvt:else>
						<span class="x-hero">
							<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
						</span>
					</mvt:if>
				</div>
			</section>
			<br>
		<mvt:elseif expr="l.settings:current_item:component:code EQ 'shadows_text'">
			<section class="o-layout t-storefront-about">
				<div class="o-layout__item u-text-center">
					<br>
					<h3 class="c-heading-charlie c-heading--keyline u-text-bold u-text-uppercase">
						<mvt:if expr="l.settings:current_item:attributes:subtitle:value">
							<span class="c-heading--subheading u-color-gray-30">&mvt:current_item:attributes:subtitle:value;</span>
							<mvt:if expr="l.settings:current_item:attributes:title:value"><br></mvt:if>
						</mvt:if>
						&mvt:current_item:attributes:title:value;
					</h3>
					<p>
						<span class="u-inline-block u-text-constrain t-storefront-about__brief">&mvt:current_item:attributes:text:value;</span>
					</p>
					<br>
				</div>
			</section>
			<br>
		<mvt:elseif expr="l.settings:current_item:component:code EQ 'shadows_large_promo'">
			<section class="o-layout">
				<div class="o-layout__item">
					<mvt:if expr="l.settings:current_item:attributes:link:value">
						<a href="&mvte:current_item:attributes:link:value";">
							<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
						</a>
					<mvt:else>
						<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
					</mvt:if>
				</div>
			</section>
			<br>
		<mvt:elseif expr="l.settings:current_item:component:code EQ 'shadows_small_promo_wrap'">
			<mvt:if expr="l.settings:current_item:children_count GT 0">
				<section class="o-layout u-grids-1 u-grids-2--m">
					<!--[&mvt:unique_id;&mvt:current_item:id;]-->
				</section>
			</mvt:if>
		<mvt:elseif expr="l.settings:current_item:component:code EQ 'shadows_small_promo'">
			<p class="o-layout__item">
				<mvt:if expr="l.settings:current_item:attributes:link:value">
					<a href="&mvte:current_item:attributes:link:value";">
						<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
					</a>
				<mvt:else>
					<img src="&mvte:current_item:attributes:image:value;" alt="&mvte:current_item:attributes:alt:value;">
				</mvt:if>
			</p>
		<mvt:elseif expr="l.settings:current_item:component:code EQ 'shadows_menu_link'">
			<mvt:if expr="ISNULL l.settings:current_item:attributes:target:value">
				<mvt:assign name="l.settings:current_item:attributes:target:value" value="'self'" />
			</mvt:if>
			<mvt:if expr="l.settings:current_item:children_count GT 0">
				<li class="c-navigation__list has-child-menu" data-hook="has-drop-down has-child-menu">
					<mvt:if expr="l.settings:current_item:attributes:link:value">
						<a class="c-navigation__link" href="&mvte:current_item:attributes:link:value;" target="&mvt:current_item:attributes:target:value;">
							&mvt:current_item:name;<span class="c-navigation__link-carat"><span class="u-icon-chevron-right"></span></span>
						</a>
					<mvt:else>
						<span class="c-navigation__link" href="&mvte:current_item:attributes:link:value;" target="&mvt:current_item:attributes:target:value;">
							&mvt:current_item:name;<span class="c-navigation__link-carat"><span class="u-icon-chevron-right"></span></span>
						</span>
					</mvt:if>
					<ul class="c-navigation__row is-hidden">
						<li class="c-navigation__list u-hidden--l" data-hook="show-previous-menu">
							<span class="c-navigation__link"><span class="u-icon-chevron-left">&nbsp;</span><span class="o-layout--grow">Back</span></span>
						</li>
						<!--[&mvt:unique_id;&mvt:current_item:id;]-->
					</ul>
				</li>
			<mvt:else>
				<li class="c-navigation__list">
					<mvt:if expr="l.settings:current_item:attributes:link:value">
						<a class="c-navigation__link" href="&mvte:current_item:attributes:link:value;" target="&mvt:current_item:attributes:target:value;">&mvt:current_item:name;</a>
					<mvt:else>
						<span class="c-navigation__link" href="&mvte:current_item:attributes:link:value;" target="&mvt:current_item:attributes:target:value;">&mvt:current_item:name;</span>
					</mvt:if>
				</li>
			</mvt:if>
		</mvt:if>
	</mvt:capture>

	<mvt:if expr="l.settings:current_item:children_count GT 0">
		<mvt:do file="g.Module_Library_Utilities" name="l.success" value="QuickSortArray( l.settings:current_item:children, ':disp_order', -1 )" />
		<mvt:assign name="l.components_count" value="miva_array_merge( l.settings:current_item:children, 1, l.settings:current_item:children_count, l.components, -1 )" />
	</mvt:if>
	
	<mvt:assign name="l.index" value="0" />

	<mvt:if expr="l.settings:current_item:parent GT 0">
		<mvt:assign name="l.find_me"	value="'<!--[' $ l.settings:unique_id $ l.settings:current_item:parent $ ']-->'" />
		<mvt:assign name="l.index"		value="indexof( l.find_me, l.settings:final_output, 1 )" />
	</mvt:if>

	<mvt:if expr="l.index GT 0">
		<mvt:assign name="l.index_findme_length"	value="l.index + len_var( l.find_me )" />
		<mvt:assign name="l.settings:final_output"	value="substring_var( l.settings:final_output, 1, l.index_findme_length ) $ l.data $ substring_var( l.settings:final_output, l.index_findme_length, len_var( l.settings:final_output ) )" />
	<mvt:else>
		<mvt:assign name="l.settings:final_output"	value="l.data $ l.settings:final_output" />
	</mvt:if>

	<mvt:assign name="l.while_counter" value="l.while_counter + 1" />
</mvt:while>

<mvt:assign name="l.settings:layout_code" value="''" />