<div class="multilevel-item">
	<div class="item" data-id-product="1" data-id-product-attribute="1" itemscope itemtype="http://schema.org/Product">

		<article class="product-miniature js-product-miniature" data-id-product="1" data-id-product-attribute="1" itemscope itemtype="http://schema.org/Product">
			<div class="product-container">		
				<div class="thumbnail-container">
					<div class="thumbnail-inner">

						<a href="fr/tshirts/1-faded-short-sleeves-tshirt.html" class="thumbnail product-thumbnail">
							<img src = "/img/products/product{{ index }}.jpg" alt = "Simul dolorem voluptaria" data-full-size-image-url="/img/products/product{{ index }}.jpg">
							<img class="product-img-extra change" src = "/img/products/product2.jpg"/>
						</a>

						<div class="thumbnail-buttons">

							<div class="quickview-btn">
								<a href="#" class="quick-view" data-link-action="quickview" >
									<i class="material-icons visibility">&#xE8F4;</i>
									<span class="lblquickview">Aperçu rapide</span>
								</a>
							</div>

							<div class="cart-btn">
								<form action="fr/panier" method="post">
									<input class='carttoken' type="hidden" name="token" value="3d2187fdc78a54510e1e1670c3ff42b0">
									<input type="hidden" name="id_product" value="1">
									<input type="hidden" name="id_customization" value="0">
									<input type="hidden" name="qty" value="1">
									<a data-button-action="add-to-cart" class="btn btn-primary ajax_add_to_cart_button add-to-cart">
										<i class="material-icons Shopping-cart"></i>
										<span class="lblcart">Ajouter au panier</span>
									</a>
								</form>
							</div>

							<div class="wishlist-btn">
								<a id="wishlist_button" href="#" onclick="WishlistCart('wishlist_block_list', 'add', 1, 0, 1); return false;" title="Add to my wishlist">
									<span class="lblwishlist"> Mettre en favoris</span>
								</a>
							</div>
						</div>

						<ul class="product-flags">
							<li class="discount">-20%</li>
							<li class="new">Nouveau</li>
						</ul>

					</div> 
				</div>
				
				<div class="product-description">
					<h3 class="h3 product-title" itemprop="name">
						<a href="fr/tshirts/1-faded-short-sleeves-tshirt.html">Simul dolorem voluptaria</a>
					</h3>
					<div class="product-comments">	
						<div class="star_content">
							<div class="star"></div>
							<div class="star"></div>
							<div class="star"></div>
							<div class="star"></div>
							<div class="star"></div>
						</div>
					</div>
					<div class="comment_advice">
						<a href="#reviews" class="read_comment" id="read_comment">
							<i class="material-icons comments" aria-hidden="true"></i>
							Lire les avis
						</a>
						<a href="#" class="write_comment" data-toggle="modal" data-target="#new_comment_form">
							<i class="material-icons comments" aria-hidden="true"></i>
							Ecrire une critique
						</a>
					</div>
					<span>0 review</span>
				</div>

				<div class="product-price-and-shipping">
					<span class="regular-price">16,51 $</span>
					<span class="discount-percentage discount-product">-20%</span>
					<span itemprop="price" class="price">13,21 €</span>
				</div>

				<div class="highlighted-informations hidden-sm-down">   
					<div class="variant-links">
						<a href="fr/tshirts/1-3-faded-short-sleeves-tshirt.html#/2-taille-m/13-couleur-orange" class="color" title="Orange" style="background-color: #F39C11">
							<span class="sr-only">Orange</span>
						</a>
						<a href="fr/tshirts/1-2-faded-short-sleeves-tshirt.html#/1-taille-s/14-couleur-bleu" class="color" title="Bleu" style="background-color: #5D9CEC">
							<span class="sr-only">Bleu</span>
						</a>
						<span class="js-count count"></span>
					</div>
				</div>
			</div>
		</article>

	</div>
</div>