{assign var="contentTitle" value="{$TITLE}"}
{if not $content_id}
   {assign var="content_id" value=$ID}
{/if}
<article class="col-md-2 col-6 px-2 my-2 singleproduct" {* itemscope itemtype="http://schema.org/product" *}>

	<a href="{$URL nofilter}" itemprop="url" tabindex="-1" class="product-image">
		{loop name="content_thumbnail" type="image" content=$content_id width="{$width}" height="{$height}" resize_mode="borders" limit="1"}
			<img itemprop="image" src="{$IMAGE_URL nofilter}" class="img-fluid" alt="{$contentTitle}" width="280">
		{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="encartbleu" id=7 }
			  {if $VALUE}
				<span class="fa-1"><span class="text">{$VALUE}</span></span>
			  {/if}
			{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="communication" id=8 }
			  {if $VALUE}
				<span class="fa-2"><span class="text">{$TITLE}</span></span>
			  {/if}
			{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="mainslibre" id=9 }
			  {if $VALUE}
				<span class="fa-3"><span class="text">{$TITLE}</span></span>
			  {/if}
			{/loop}
		

	</a>

	<div class="product-info">
		<h2 class="h2-slider"><a href="{$URL nofilter}" title="{$contentTitle}"><span itemprop="name">{$contentTitle}</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>

</article>