{assign var="productTitle" value="{$TITLE}"}
{if not $product_id}
   {assign var="product_id" value=$ID}
{/if}

<article class="col-md-3 px-5 my-5 singleproduct" itemscope itemtype="http://schema.org/Product">
	<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
  	<input type="checkbox" class="btn-check" id="btncheck{$ID}" autocomplete="off" value="{$TITLE}" name="refs[]"{if isset($smarty.get.appareil) && $smarty.get.appareil == $ID} checked{/if} >
	<label class="btn btn-outline-primary" for="btncheck{$ID}">
	{hook name="singleproduct.top" product="{$product_id}"}

	<span 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}
	</span>

	<div class="product-info">
		<h2 class="h2-p"><span itemprop="name">{$productTitle}</span></h2>
		{if $CHAPO}
		<div class="description" itemprop="description">
			<p class="m-0">{$CHAPO nofilter}</p>
		</div>
		{/if}
	</div>
	{hook name="singleproduct.bottom" product={$product_id}}
	</label>
	</div>
</article><!-- /product -->