{assign var="productTitle" value="{$TITLE}"}
{if not $product_id}
   {assign var="product_id" value=$ID}
{/if}
<article class="col-md-4 px-5 my-5 singleproduct" >
	{hook name="singleproduct.top" product="{$product_id}"}

	<a href="{$URL nofilter}" itemprop="url" tabindex="-1" class="product-image">
		{loop name="product_thumbnail" type="image" product=$product_id width="{$width}" height="{$height}" resize_mode="borders" limit="1"}
			<img itemprop="image" src="{$IMAGE_URL nofilter}" class="img-fluid" alt="{$productTitle}" width="280">
		{/loop}
		{loop type="feature_value" name="exclu" feature=1 product=$product_id }
			<span class="fa-{$FEATURE_AV_ID}"><span class="text">{$TITLE}</span></span>
		{/loop}
	</a>

	<div class="product-info">
		<h2 class="h2-p"><a href="{$URL nofilter}" title="{$productTitle}"><span itemprop="name">{$productTitle}</span></a></h2>
		{if $CHAPO}
		<div class="description" itemprop="description">
			<p class="m-0">{$CHAPO nofilter}</p>
		</div>
		{/if}
	</div>

	<div class="text-end">
		<a href="{$URL nofilter}" class="btn btn-gmp bg-gris">{intl l="Voir l’appareil"}</a>
	</div>
	{hook name="singleproduct.bottom" product={$product_id}}
</article><!-- /product -->