Product Data Tmpl

<script type="text/template" id="product-data-tmpl">
    <% forEach(results, function(result) { %>
        <% if (result.IsFeaturedProduct ) { %>
        <div class="col col--span-12 col--span-xs-12 col--span-l-12 col--span-xl-8 col--bottom-gutter-large">
        <% } else { %>
            <div class="col col--span-12 col--span-xs-6 col--span-l-6 col--span-xl-4 col--bottom-gutter-large">
        <% } %> 
        <% if (result.IsFeaturedProduct ) { %>
        <div class="card card--image card--theme-green card--product card--bordered">
        <% } else { %>
            <div class="card card--image card--bordered card--product">
        <% } %> 
            <a href="<%= result.url %>" class="card__cta">
                <figure class="card__figure">
                    <% if (result.imageSrc != null) { %>
                        <img src="<%= result.imageSrc %>" alt="<%= result.imageAlt %>" class="card__image">
                    <% } %>
                </figure>
                <div class="card__body">
                    <span class="card__follow-link">
                        <svg class="icon " focusable="false">
                            <use xlink:href="#icon-chevron-right"></use>
                        </svg>
                    </span>
                    <h4 class="card__title"><%= result.title %></h4>
                    <p class="card__description"><%= result.description %></p> 
                </div>
            </a>
        </div>
    </div>
    <% }); %>
</script>