<script type="text/template" id="products-template">
<% _.forEach(items, function(item, product) { %>
<form class="card" data-product-id="<%= product.id %>">
<a href="<%= product.url %>" class="card-image">
<img src="<%= product.first_image.large_url %>">
</a>
<div class="card-title">
<a href="<%= product.url %>">
<%= product.title %>
</a>
</div>
<div class="card-prices">
<div class="card-price">
<%= Shop.money.format(product.variants[0].price) %>
</div>
<% if (product.variants[0].old_price){ %>
<div class="card-old_price">
<%= Shop.money.format(product.variants[0].old_price) %>
</div>
<% } %>
</div>
<div class="card-action">
<input type="hidden" name="variant_id" value="<%= product.variants[0].id %>" >
<div data-quantity>
<input type="text" name="quantity" value="1" />
<span data-quantity-change="-1">-</span>
<span data-quantity-change="1">+</span>
</div>
</div>
<div class="card-buy">
<% if (product.variants.size > 1){ %>
<a href="<%= product.url %>" class="btn">Подробнее</a>
<% }else{ %>
<button data-item-add class="btn" type="submit">В корзину</button>
<% } %>
</div>
</form>
<% }); %>
<!-- Если нужно узнать какие переменные переданы в рендер функцию, нужно вывести переменную obj.
<% console.log(obj); %> -->
</script>