{% if products|length > 0 %}
<div class="bloc_besoin_product_sous_content" id="besoin_product_moment">
<div class="container">
<div class="col-lg-12 pl-0 text-center">
<h2>{{ 'Nos créas du moment' | trans({}, "productTranslate") }}</h2>
</div>
</div>
<div class="position-relative besoin_product_bloc desctopProductBesoinProductPage">
<div class="product_slick_bloc01 row">
{% for item in products %}
<div class="text-center col-lg-2 col-md-4 col-sm-6 blockBesoinProduct marginBottomBlocBesoin50">
<a data-id="{{ item.id }}" data-id-select="{% if item.product.id is defined %}{{ item.product.id }}{% else %}{{ item.id }}{% endif %}" data-designTypeSideBarCrello="{{ item.designTypeSideBarCrello }}" data-customDesignType="{{ item.designTypeCustomCrello }}" data-designType="{{ item.designTypeCrello }}" data-templateId="{{ item.designTemplateId }}" data-category="articles" data-name="{{ item.productTextPrix }}" class="selectTag2Google besoin_product_a_img crelloBtnOpenBesoinProduct" href="#" style="position: relative;">
<img src="{{ asset('imageSite/'~item.fileProduct)}}">
</a>
<h3>
<a data-id="{{ item.id }}" data-id-select="{% if item.product.id is defined %}{{ item.product.id }}{% else %}{{ item.id }}{% endif %}" data-designTypeSideBarCrello="{{ item.designTypeSideBarCrello }}" data-customDesignType="{{ item.designTypeCustomCrello }}" data-designType="{{ item.designTypeCrello }}" data-templateId="{{ item.designTemplateId }}" data-category="articles" data-name="{{ item.productTextPrix }}" class="selectTag2Google crelloBtnOpen" href="#">
<span class="besoin_product_a_span1">{{item.productTextPrix | trans({}, "productTranslate")}}</span>
<span class="besoin_product_a_span2">{{item.productTextTitre | trans({}, "productTranslate")}}</span>
</a>
</h3>
</div>
{% endfor %}
</div>
</div>
<div class=" mobileProductBesoinProductPage">
<div class="bloc_besoin_product_global_content product_slide">
<div class="position-relative CreezCommuniquezBesoinProduct" style=" margin-right: 12px;">
<div class="slick_bouton">
<div class="slickNext2model1 slickNextBesoinProductBloc"><img src="{{ asset('images/rightfls.png')}}"></div>
<div class="slickNext2model1 slickPrevBesoinProductBloc"><img src="{{ asset('images/leftfls.png')}}"></div>
</div>
<div class="mobileProductBesoinProductPageSlide mobileProductBesoinProductPageSlideGlobal responsive slider">
{% for item in products %}
<div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
<div class="text-center blockBesoinProduct marginBottomBlocBesoin50">
<a data-id="{{ item.id }}" data-id-select="{% if item.product.id is defined %}{{ item.product.id }}{% else %}{{ item.id }}{% endif %}" data-designTypeSideBarCrello="{{ item.designTypeSideBarCrello }}" data-customDesignType="{{ item.designTypeCustomCrello }}" data-designType="{{ item.designTypeCrello }}" data-templateId="{{ item.designTemplateId }}" data-category="articles" data-name="{{ item.productTextPrix }}" class="selectTag2Google besoin_product_a_img crelloBtnOpenBesoinProduct" href="#" style="position: relative;">
<img src="{{ asset('imageSite/'~item.fileProduct)}}">
</a>
<h3>
<a data-id="{{ item.id }}" data-id-select="{% if item.product.id is defined %}{{ item.product.id }}{% else %}{{ item.id }}{% endif %}" data-designTypeSideBarCrello="{{ item.designTypeSideBarCrello }}" data-customDesignType="{{ item.designTypeCustomCrello }}" data-designType="{{ item.designTypeCrello }}" data-templateId="{{ item.designTemplateId }}" data-category="articles" data-name="{{ item.productTextPrix }}" class="selectTag2Google crelloBtnOpen" href="#">
<span class="besoin_product_a_span1">{{item.productTextPrix | trans({}, "productTranslate")}}</span>
<span class="besoin_product_a_span2">{{item.productTextTitre | trans({}, "productTranslate")}}</span>
</a>
</h3>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endif %}