{% extends "shop/base.html" %}
{% load i18n %}
{% load thumbnail %}
{% load satchmo_util %}

{% block navbar %}
<li class="first"><a href="{{ shop_base }}/">{% trans "Home" %}</a></li>
<li>{% trans "Best Sellers" %}</li>
{% endblock %}


{% block content %}
<h2>{% trans "Best Selling Products" %}</h2>
{% for product in products %}
	<div class="bestseller">
    <div class = "productImage">    
   		{% if product.main_image %}
      	<center>
            {% thumbnail product.main_image.picture 85x85 as image %}
            <a href="{{ product.get_absolute_url }}"><img src="{{ image }}" width="{{ image.width }}" height="{{ image.height }}" /></a>
      	</center>
   		{% endif %}     
    	<p><a href="{{ product.get_absolute_url }}">{{ product.translated_name }}</a></p>
	</div>
	</div>
{% endfor %}
{% endblock %}
