{% if products|length > 0 %}
<div class="bloc_besoin_product_sous_content" id="besoin_product_new">
<div class="container">
<div class="col-lg-12 pl-0 text-center">
<h2>{{ 'Nos nouveautés' | 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-category="articles" data-id="{{ item.id }}" data-name="{{ item.besoinProductTextPrix }}" class="selectTagGoogle besoin_product_a_img" href="{% if item.typeProduct in [constant('App\\Entity\\Product::PAPIER')] %}{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}{% else %}{{ path('product_option') }}?product={{ item.id }}{% endif %}" style="position: relative;">
<span class="infoBulleNew">New</span>
<img src="{{ asset('imageSite/'~item.fileBesoinProduct)}}">
{% include 'front/accueil/besoin-product-bloc/text-hover.html.twig' with {'object':item,'isProduct':1 } %}
</a>
<h3>
<a data-category="articles" data-id="{{ item.id }}" data-name="{{ item.besoinProductTextPrix }}" class="selectTagGoogle" href="{% if item.typeProduct in [constant('App\\Entity\\Product::PAPIER')] %}{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}{% else %}{{ path('product_option') }}?product={{ item.id }}{% endif %}">
<span class="besoin_product_a_span1">{{item.besoinProductTextTitre | trans({}, "productTranslate")}}</span>
<span class="besoin_product_a_span2">{{item.besoinProductTextPrix | 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-category="articles" data-id="{{ item.id }}" data-name="{{ item.besoinProductTextPrix }}" class="selectTagGoogle besoin_product_a_img" href="{% if item.typeProduct in [constant('App\\Entity\\Product::PAPIER')] %}{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}{% else %}{{ path('product_option') }}?product={{ item.id }}{% endif %}" style="position: relative;">
<span class="infoBulleNew">New</span>
<img src="{{ asset('imageSite/'~item.fileBesoinProduct)}}">
{% include 'front/accueil/besoin-product-bloc/text-hover.html.twig' with {'object':item,'isProduct':1 } %}
</a>
<h3>
<a data-category="articles" data-id="{{ item.id }}" data-name="{{ item.besoinProductTextPrix }}" class="selectTagGoogle" href="{% if item.typeProduct in [constant('App\\Entity\\Product::PAPIER')] %}{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}{% else %}{{ path('product_option') }}?product={{ item.id }}{% endif %}">
<span class="besoin_product_a_span1">{{item.besoinProductTextTitre | trans({}, "productTranslate")}}</span>
<span class="besoin_product_a_span2">{{item.besoinProductTextPrix | trans({}, "productTranslate")}}</span>
</a>
</h3>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endif %}