Skip to content

Instantly share code, notes, and snippets.

@MGCodeSnips

MGCodeSnips/ekm new mobile layout

Created June 30, 2017 16:23
Show Gist options
  • Save MGCodeSnips/330d2405c05a3c3a5613489f12f2b477 to your computer and use it in GitHub Desktop.
Save MGCodeSnips/330d2405c05a3c3a5613489f12f2b477 to your computer and use it in GitHub Desktop.
Download ZIP
ekm new mobile layout
Raw
ekm new mobile layout
<style>
.item-layout .item-layout-header {text-align: center !important; border-bottom: solid #a8a9ad 2px !important;}
.item-layout.rows .item {width: 50% !important; text-align: center !important; border-top: none !important; display: inline-block !important;}
.item-layout.rows .item-category .item-image {width: 100% !important;}
.item-layout.rows .item-info {padding: 0 0px 0 0px !important;}
</style>
<style>
@media screen and (orientation:portrait) {
.mobileSlide{
display:none;
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (orientation:landscape) {
.mobileSlide{
display:none;
width:350px;
height:auto;
margin-left:auto;
margin-right:auto;
}
}
</style>
<div style="">
[ekm:element]
element_reference='m-sliderimage1';
output_start='<div class="mobileSlide">';
output_end='</div>';
output_default='';
[/ekm:element]
[ekm:element]
element_reference='m-sliderimage2';
output_start='<div class="mobileSlide">';
output_end='</div>';
output_default='';
[/ekm:element]
[ekm:element]
element_reference='m-sliderimage3';
output_start='<div class="mobileSlide">';
output_end='</div>';
output_default='';
[/ekm:element]
[ekm:element]
element_reference='m-sliderimage4';
output_start='<div class="mobileSlide">';
output_end='</div>';
output_default='';
[/ekm:element]
</div>
<div>[ekm:element]
element_reference='m-Welcome-Text';
[/ekm:element]
</div>
<script>
var slideIndex = 0;
mobileBanner();
function mobileBanner() {
var i;
var x = document.getElementsByClassName("mobileSlide");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) {slideIndex = 1}
x[slideIndex - 1].style.display = "block";
setTimeout(mobileBanner, 3000); }
</script>
[ekm:if]
iftype='EQUALS';
ifvalue='';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Default is set so check products and special offers have products
ifthen='
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="20";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='EQUALS';
ifvalue='Default';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Default is set so check products and special offers have products
ifthen='
[ekm:nested_if]
iftype="EQUALS";
ifvalue="[ekm:recordcount]data='products';location='0';[/ekm:recordcount],[ekm:recordcount]data='specialoffers';location='all';[/ekm:recordcount]";
ifvalue2="0,0";
' Products and special offers are empty, show cats
ifthen="
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
";
ifelse="";
[/ekm:nested_if]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='EQUALS';
ifvalue='Products';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Products are set
ifthen='
[ekm:nested_if]
iftype="EQUALS";
ifvalue="[ekm:recordcount]data='products';location='0';[/ekm:recordcount]";
ifvalue2="0";
' Products and special offers are empty, show cats
ifthen="
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Our Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
";
ifelse="";
[/ekm:nested_if]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='EQUALS';
ifvalue='SpecialOffers';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Products are set
ifthen='
[ekm:nested_if]
iftype="EQUALS";
ifvalue="[ekm:recordcount]data='specialoffers';location='all';[/ekm:recordcount]";
ifvalue2="0";
' Products and special offers are empty, show cats
ifthen="
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Our Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
";
ifelse="";
[/ekm:nested_if]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='EQUALS';
ifvalue='SpecialOffers,Products';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Products are set
ifthen='
[ekm:nested_if]
iftype="EQUALS";
ifvalue="[ekm:recordcount]data='products';location='0';[/ekm:recordcount],[ekm:recordcount]data='specialoffers';location='all';[/ekm:recordcount]";
ifvalue2="0,0";
' Products and special offers are empty, show cats
ifthen="
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Our Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
";
ifelse="";
[/ekm:nested_if]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='EQUALS';
ifvalue='Products,SpecialOffers';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
' Products are set
ifthen='
[ekm:nested_if]
iftype="EQUALS";
ifvalue="[ekm:recordcount]data='products';location='0';[/ekm:recordcount],[ekm:recordcount]data='specialoffers';location='all';[/ekm:recordcount]";
ifvalue2="0,0";
' Products and special offers are empty, show cats
ifthen="
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Our Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
";
ifelse="";
[/ekm:nested_if]
';
' Do nothing, the rest will pick it up
ifelse='';
[/ekm:if]
[ekm:if]
iftype='IN';
ifvalue='Categories';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
ifthen='
[ekm:nested_showdata]
data="categories";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="categories item-layout rows" data-showdata-type="categories">
<div class="item-layout-header cf">
<span class="title ib">Browse Our Categories</span>
</div>
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-category i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- categories -->
";
[/ekm:nested_showdata]
';
ifelse='';
[/ekm:if]
[ekm:if]
iftype='IN';
ifvalue='SpecialOffers';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
ifthen='
[ekm:nested_showdata]
data="specialoffers";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="products item-layout rows" data-showdata-type="specialoffers">
<div class="item-layout-header cf">
<span class="title ib">[ekm:nested_language_element] elementreference="LE_SPECIALS"; [/ekm:nested_language_element]</span>
<span class="layout-buttons ib">
<a href="#" class="layout-button grid-layout ib" data-contrast-parent><i class="mcui-icon medium grid-layout ib" data-contrast-child></i></a><!--
--><a href="#" class="layout-button row-layout ib" data-contrast-parent><i class="mcui-icon medium row-layout ib" data-contrast-child></i></a>
</span><!-- layout-button -->
</div>
<div class="product-controls">
<span class="ib bs product-controls-filterby"><a href="#">Filter</a></span><!--
--><span class="ib bs product-controls-sortby"><a href="#">Sort</a></span>
</div><!-- product-controls -->
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-product i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
{nested_customer_reviews_average_star_value}
<div class="product-rating stars-[nested_customer_reviews_average_star_value]">
<i class="stars-icons ekmps-fa"></i>
{nested_customer_reviews_total}([nested_customer_reviews_total]){/nested_customer_reviews_total}
</div>
{/nested_customer_reviews_average_star_value}
{nested_price}<div class="item-price ib">[nested_price]</div>{/nested_price}
{nested_rrp}<div class="item-rrp ib">[nested_rrp]</div>{/nested_rrp}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- #products -->
";
pagination="<div class="pagination green">[nested_previous][nested_pagenumbers][nested_next]</div>";
pagination_pagenumber="<a[nested_href] [nested_page]>[nested_number]</a>";
pagination_current_page="class="page current-page-number ib"";
pagination_other_page="class="page other-page-number ib"";
pagination_previous="<a href="[nested_url]" class="page page-button previous"><i class="mcui-icon arrow-left inverted ib"></i></a>";
pagination_next="<a href="[nested_url]" class="page page-button next"><i class="mcui-icon arrow-right inverted ib"></i></a>";
pagination_seperator="";
pagination_ellipsis="<span class="page-ellipsis">...</span>";
pagination_limit="5";
pagination_ellipsis_trail="2";
[/ekm:nested_showdata]
';
ifelse='';
[/ekm:if]
[ekm:if]
iftype='IN';
ifvalue='Products';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
ifthen='
[ekm:nested_showdata]
data="products";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="products item-layout rows" data-showdata-type="products">
<div class="item-layout-header cf">
<span class="title ib">Products</span>
<span class="layout-buttons ib">
<a href="#" class="layout-button grid-layout ib" data-contrast-parent><i class="mcui-icon medium grid-layout ib" data-contrast-child></i></a><!--
--><a href="#" class="layout-button row-layout ib" data-contrast-parent><i class="mcui-icon medium row-layout ib" data-contrast-child></i></a>
</span><!-- layout-button -->
</div><!-- item-layout-header -->
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-product i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
{nested_customer_reviews_average_star_value}
<div class="product-rating stars-[nested_customer_reviews_average_star_value]">
<i class="stars-icons ekmps-fa"></i>
{nested_customer_reviews_total}([nested_customer_reviews_total]){/nested_customer_reviews_total}
</div>
{/nested_customer_reviews_average_star_value}
{nested_price}<div class="item-price ib">[nested_price]</div>{/nested_price}
{nested_rrp}<div class="item-rrp ib">[nested_rrp]</div>{/nested_rrp}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- #products -->
";
pagination="<div class="pagination green">[nested_previous][nested_pagenumbers][nested_next]</div>";
pagination_pagenumber="<a[nested_href] [nested_page]>[nested_number]</a>";
pagination_current_page="class="page current-page-number ib"";
pagination_other_page="class="page other-page-number ib"";
pagination_previous="<a href="[nested_url]" class="page page-button previous"><i class="mcui-icon arrow-left inverted ib"></i></a>";
pagination_next="<a href="[nested_url]" class="page page-button next"><i class="mcui-icon arrow-right inverted ib"></i></a>";
pagination_seperator="";
pagination_ellipsis="<span class="page-ellipsis">...</span>";
pagination_limit="5";
pagination_ellipsis_trail="2";
[/ekm:nested_showdata]
';
ifelse='';
[/ekm:if]
[ekm:if]
iftype='IN';
ifvalue='Default';
ifvalue2='[ekm:mobile_showitems][/ekm:mobile_showitems]';
ifthen='
[ekm:nested_showdata]
data="specialoffers";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="products item-layout rows" data-showdata-type="specialoffers">
<div class="item-layout-header cf">
<span class="title ib">[ekm:nested_language_element] elementreference="LE_SPECIALS"; [/ekm:nested_language_element]</span>
<span class="layout-buttons ib">
<a href="#" class="layout-button grid-layout ib" data-contrast-parent><i class="mcui-icon medium grid-layout ib" data-contrast-child></i></a><!--
--><a href="#" class="layout-button row-layout ib" data-contrast-parent><i class="mcui-icon medium row-layout ib" data-contrast-child></i></a>
</span><!-- layout-button -->
</div><!-- item-layout-header -->
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-product i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
{nested_customer_reviews_average_star_value}
<div class="product-rating stars-[nested_customer_reviews_average_star_value]">
<i class="stars-icons ekmps-fa"></i>
{nested_customer_reviews_total}([nested_customer_reviews_total]){/nested_customer_reviews_total}
</div>
{/nested_customer_reviews_average_star_value}
{nested_price}<div class="item-price ib">[nested_price]</div>{/nested_price}
{nested_rrp}<div class="item-rrp ib">[nested_rrp]</div>{/nested_rrp}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- #products -->
";
pagination="<div class="pagination green">[nested_previous][nested_pagenumbers][nested_next]</div>";
pagination_pagenumber="<a[nested_href] [nested_page]>[nested_number]</a>";
pagination_current_page="class="page current-page-number ib"";
pagination_other_page="class="page other-page-number ib"";
pagination_previous="<a href="[nested_url]" class="page page-button previous"><i class="mcui-icon arrow-left inverted ib"></i></a>";
pagination_next="<a href="[nested_url]" class="page page-button next"><i class="mcui-icon arrow-right inverted ib"></i></a>";
pagination_seperator="";
pagination_ellipsis="<span class="page-ellipsis">...</span>";
pagination_limit="5";
pagination_ellipsis_trail="2";
[/ekm:nested_showdata]
[ekm:nested_showdata]
data="products";
location="auto";
cols="1";
rows="999";
page_navigation="auto";
orderby="orderlocation, name";
skiprecords="0";
excludelist="";
includelist="";
editbuttons="YES";
counterreset="4";
image_ratio="250";
image_width="auto";
image_height="auto";
font_formatting="no";
output_start="
<div class="products item-layout rows" data-showdata-type="products">
<div class="item-layout-header cf">
<span class="title ib">Products</span>
<span class="layout-buttons ib">
<a href="#" class="layout-button grid-layout ib" data-contrast-parent><i class="mcui-icon medium grid-layout ib" data-contrast-child></i></a><!--
--><a href="#" class="layout-button row-layout ib" data-contrast-parent><i class="mcui-icon medium row-layout ib" data-contrast-child></i></a>
</span><!-- layout-button -->
</div><!-- item-layout-header -->
<div class="items">";
output_row_start="";
output_column_start="";
output_item="<div class="item item-product i-[nested_counter] ib bs" onclick="window.location.href='[nested_url]'">
<div class="item-inner">
{nested_image}<div class="item-image ib">[nested_image]</div>{/nested_image}<!--
--><div class="item-info {nested_image}with-image{/nested_image} ib bs">
<a href="[nested_url]">
{nested_name}<div class="item-name">[nested_name-NOEDIT-NOLINK]</div>{/nested_name}
{nested_customer_reviews_average_star_value}
<div class="product-rating stars-[nested_customer_reviews_average_star_value]">
<i class="stars-icons ekmps-fa"></i>
{nested_customer_reviews_total}([nested_customer_reviews_total]){/nested_customer_reviews_total}
</div>
{/nested_customer_reviews_average_star_value}
{nested_price}<div class="item-price ib">[nested_price]</div>{/nested_price}
{nested_rrp}<div class="item-rrp ib">[nested_rrp]</div>{/nested_rrp}
<i class="mcui-icon arrow-right ib dark"></i>
</a>
</div><!-- item info -->
[nested_editbuttons]
</div><!-- item-inner -->
</div><!-- .item -->";
output_column_end="";
output_row_end="";
output_end="
</div>
</div><!-- #products -->
";
pagination="<div class="pagination green">[nested_previous][nested_pagenumbers][nested_next]</div>";
pagination_pagenumber="<a[nested_href] [nested_page]>[nested_number]</a>";
pagination_current_page="class="page current-page-number ib"";
pagination_other_page="class="page other-page-number ib"";
pagination_previous="<a href="[nested_url]" class="page page-button previous"><i class="mcui-icon arrow-left inverted ib"></i></a>";
pagination_next="<a href="[nested_url]" class="page page-button next"><i class="mcui-icon arrow-right inverted ib"></i></a>";
pagination_seperator="";
pagination_ellipsis="<span class="page-ellipsis">...</span>";
pagination_limit="5";
pagination_ellipsis_trail="2";
[/ekm:nested_showdata]
';
ifelse='';
[/ekm:if]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment