{% for product in products.results %}
<li class="item aw-item{% if product.extraData.buyable == 'false' %} aw-item-show{% endif %}">
	<a href="https://yoolando.com/wishlist/index/add/product/{{ product.extraData.itemNumber }}/form_key/disabled/" class="addtowishlist aw-wishlist" title="Sæt på ønskeseddel">
		<i class="icon-wishlist"></i>
	</a>

	<div class="item-area">
		{% if product.extraData.saleBadgeTextTop and product.extraData.saleBadgeTextTop != "" and product.extraData.saleBadgeTextTop != "undefined" and product.extraData.saleBadgeTextTop != "null" %}
		<a href="{{ product.url }}" title="{{ product.title }}">
			<div class="splash circle badge top-left yellow">
				<div class="splash-top">
					<p>&nbsp;</p>{{ product.extraData.saleBadgeTextTop }}
				</div>
				<div class="splash-text">Sammenlignet med Norge</div>
			</div>
		</a>
		{% endif %}

		<div class="product-image-area">

			{% if product.extraData.hasBottomRightBadge == 'true' %}
			<div class="{{ product.extraData.bottomRightBadgeClass }}">
				{{ product.extraData.bottomRightBadgeContent | rawHtml }}
			</div>
			{% endif %}
			<div class="loader-container">
				<div class="loader">
					<i class="ajax-loader medium animate-spin"></i>
				</div>
			</div>

			<a href="{{ product.url }}" title="{{ product.title }}" class="product-image">
				<img class="porto-lazyload porto-lazyload-loaded" width="168" height="169" src="{{ product.imgUrl }}" style="display: inline;">
			</a>
		</div>

		<div class="details-area">
			<h2 class="product-name" style="height: 44px;">
				<a href="{{ product.url }}" title="{{ product.title }}">{{ product.title }}</a>
			</h2>

			<a href="{{ product.url }}">
				{% if product.extraData.brand and product.extraData.brand != "" and product.extraData.brand != "undefined" %}
				<span class="attr">
					{{ product.extraData.brand | rawHtml }}
				</span>
				{% endif %}

				<div style="width: 100%;" class="price-box{% if product.extraData.tierPrice and product.extraData.tierPrice != "" and product.extraData.tierPrice != "undefined" and product.extraData.tierPrice != "null" %} has-tier-pricing{% endif %}">
					{% if product.extraData.tierPrice and product.extraData.tierPrice != "" and product.extraData.tierPrice != "undefined" and product.extraData.tierPrice != "null" %}
					<span class="minimal-price-link" style="font-size: 14px; font-weight: 400; color: #808080; display: block; white-space: nowrap; overflow: hidden;">
						{{ product.extraData.tierPrice | rawHtml | replace: "og", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" }}
					</span>
					{% endif %}

					{% assign price = product.price | price | split : "," %}
					{% if product.isOnSale %}
					{% assign oldPrice = product.oldPrice | price | split : "," %}
					<p class="special-price">
						<span class="price-label">Pris</span>
						<span class="price">{{ price.first }}<sup>{{ price.last }}</sup></span>
					</p>
					<p class="old-price">
						<span class="price">{{ oldPrice.first }}<sup>{{ oldPrice.last }}</sup></span>
					</p>
					{% else %}
					<span class="regular-price">
						<span class="price-label">Pris</span>
						<span class="price">{{ price.first }}<sup>{{ price.last }}</sup></span>
					</span>
					{% endif %}
				</div>

				{% if product.extraData.plainPrice and product.extraData.plainPrice != "" and product.extraData.plainPrice != "undefined" %}
				<span class="attr plain-price" style="height: 24px">
					{{ product.extraData.plainPrice | rawHtml }}
				</span>
				{% endif %}
			</a>

			<div class="actions">
				<div class="qty-field">
					<div class="qty-holder">
						<input type="text" name="qty" id="qty_{{ product.extraData.itemNumber }}" maxlength="12" value="1" title="Antall" class="input-text qty">
						<div class="qty-changer">
							<a href="javascript:void(0)" onclick="incrementQty(this,'https://yoolando.com/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')" class="qty_inc aw_qty_inc"><i class="icon-up-dir"></i></a>
							<a href="javascript:void(0)" onclick="decrementQty(this,'https://yoolando.com/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')" class="qty_dec aw_qty_dec"><i class="icon-down-dir"></i></a>
						</div>
					</div>
				</div>
				<a href="javascript:void(0)" class="addtocart aw-buy-btn" title="Leg i karv" onclick="setLocationAjax(this,'https://yoolando.com/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')"><strong class="fa fa-shopping-basket"></strong><span>Kjøp Nå</span></a>
				<div class="clearer"></div>
			</div>
		</div>
	</div>
</li>
{% endfor %}