templates/front/accueil/besoin-product-bloc/content-new.html.twig line 1

Open in your IDE?
  1. {% for category in categorys %}
  2.     <div class="bloc_besoin_product_sous_content" id="besoin_product_category{{ category.id }}">
  3.         <div class="container">
  4.             <div class="col-lg-12 pl-0 text-center">
  5.                 <h2>{{category.name | trans({}, "productTranslate")}}
  6.                     {% for file in category.iconesCategory %}
  7.                         <img src="{{ asset('imageSite/'~file.file) }}" style="margin-left: 10px;margin-top: -3px;width: 25px;">
  8.                     {% endfor %}
  9.                     {% if category.isSoon %}
  10.                         <span class="infoBulleSoon" style="position: relative;right: 0;top: -1px;margin-left: 18px;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
  11.                     {% endif %}
  12.                 </h2>
  13.             </div>
  14.         </div>
  15.         {% if category.isBlockBesoinModele %}
  16.             <div class="row">
  17.                 <div class="col-md-6 col-12 p-0" style="padding-right: 15px!important;">
  18.                     <div class="global_jaune_besoin row p-0 mb-1" style="padding: 16px 16px!important;">
  19.                         <div class="col-12 p-0 h3input_besoin">
  20.                             <h4 class="mt-0 hBesoinModele" style="margin-bottom: 24px;">
  21.                                 {{ 'Choisissez vos produits à personnaliser,
  22.                                 livrés le jour même sur créneau de 30 mn' | trans({}, "productTranslate")|raw }}
  23. {#                                <img style="margin-bottom:0" src="/images/ininfoselect.svg"> #}
  24.                             </h4>
  25.                             {#<img src="{{ asset('images/img_vison1.png')}}">#}
  26.                             <form action="{{ path('product_option') }}" id="formSelectProduct">
  27.                                 <div class="input_besoin_bx">
  28.                                     <div class='selectProduct'>
  29.                                         <p class='input'>{{ 'Selectionnez votre produit' | trans({}, "productTranslate") }}</p>
  30.                                         <input type='hidden' name='product' />
  31.                                         <div class='hidden'>
  32.                                             {% for item in getProductsWithoutPapierAndNotColorLab() %}
  33.                                                 <p value='{{ item.id }}' >{{ item.titre | trans({}, "productTranslate") }}</p>
  34.                                             {% endfor %}
  35.                                         </div>
  36.                                     </div>
  37.                                     <button type="submit" style="display: none;"><img src="/images/right_next_ca.png"></button>
  38.                                 </div>
  39.                             </form>
  40.                         </div>
  42.                     </div>
  43.                 </div>
  44.                 <div class="col-md-6 col-12 p-0 desctopProductBesoinProductPage">
  45.                     <div class="product_slick_bloc01 row">
  46.                         {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  47.                         {% for product in products %}
  48.                             {% if loop.index < 4 %}
  49.                                 <div class="text-center col-xl-4 col-lg-4 col-md-4 col-sm-4 col-6 blockBesoinProduct  marginBottomBlocBesoin50">
  50.                                     <a style="position: relative;" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}" data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  51.                                         {% if  product.product.id is defined  %}
  52.                                             href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  53.                                         {% else %}
  54.                                             href="{{ product.url }}"
  55.                                         {% endif%}
  56.                                     >
  57.                                         {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  58.                                         {% if product.isDesignEnLigne  %}<span class="infoBulleVistacreate">{{ 'Design en ligne' | trans({}, "productTranslate") }} <img src="{{ asset('images/ininfoselectVistaCreateHd.svg') }}"> </span>{% endif %}
  59.                                         <img  class="" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  60.                                         {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  61.                                             <div class="middleBesoinProduct">
  62.                                                 <div class="textHoverBesoinProduct">
  63.                                                     {% for item in product.textHoverProduct %}
  64.                                                         <p>{{ item.name | trans({}, "productTranslate") }}</p>
  65.                                                     {% endfor %}
  66.                                                 </div>
  67.                                             </div>
  68.                                         {% endif %}
  69.                                     </a>
  70.                                     <h3>
  71.                                         <a  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}"
  72.                                            {% if  product.product.id is defined  %}
  73.                                                 href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  74.                                            {% else %}
  75.                                                href="{{ product.url }}"
  76.                                            {% endif%}
  77.                                         >
  78.                                             <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  79.                                             <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  80.                                         </a>
  81.                                     </h3>
  82.                                 </div>
  83.                             {% endif %}
  84.                         {% endfor %}
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.             <div class="position-relative besoin_product_bloc desctopProductBesoinProductPage">
  89.                 <div class="product_slick_bloc01 row">
  90.                     {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  91.                     {% for product in products %}
  92.                         {% if loop.index > 3 %}
  93.                             <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 blockBesoinProduct  marginBottomBlocBesoin50">
  94.                                 <a style="position: relative;"  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  95.                                     {% if  product.product.id is defined  %}
  96.                                         href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  97.                                     {% else %}
  98.                                         href="{{ product.url }}"
  99.                                     {% endif%}
  100.                                 >
  101.                                     {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  102.                                     {% if product.isDesignEnLigne  %}<span class="infoBulleVistacreate">{{ 'Design en ligne' | trans({}, "productTranslate") }} <img src="{{ asset('images/ininfoselectVistaCreateHd.svg') }}"> </span>{% endif %}
  103.                                     <img  class="" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  104.                                     {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  105.                                         <div class="middleBesoinProduct">
  106.                                             <div class="textHoverBesoinProduct">
  107.                                                 {% for item in product.textHoverProduct %}
  108.                                                     <p>{{ item.name | trans({}, "productTranslate") }}</p>
  109.                                                 {% endfor %}
  110.                                             </div>
  111.                                         </div>
  112.                                     {% endif %}
  113.                                 </a>
  114.                                 <h3>
  115.                                     <a  data-name="{{ product.besoinProductTextPrix }}" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}"
  116.                                             {% if  product.product.id is defined  %}
  117.                                                 href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  118.                                             {% else %}
  119.                                                 href="{{ product.url }}"
  120.                                             {% endif%}
  121.                                     >
  122.                                         <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  123.                                         <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  124.                                     </a>
  125.                                 </h3>
  126.                             </div>
  127.                         {% endif %}
  128.                     {% endfor %}
  129.                 </div>
  130.             </div>
  131.             <div class=" mobileProductBesoinProductPage">
  132.                 <div class="bloc_besoin_product_global_content product_slide">
  133.                     <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  134.                         <div class="slick_bouton">
  135.                             <div class="slickNext2model1 slickNextBesoinProductBloc"><img src="{{ asset('images/rightfls.png')}}"></div>
  136.                             <div class="slickNext2model1 slickPrevBesoinProductBloc"><img src="{{ asset('images/leftfls.png')}}"></div>
  137.                         </div>
  138.                         <div class="mobileProductBesoinProductPageSlideGlobalProduct mobileProductBesoinProductPageSlideGlobal responsive slider">
  139.                             {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  140.                             {% for product in products %}
  141.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  142.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  143.                                         <a style="position: relative;"  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  144.                                                 {% if  product.product.id is defined  %}
  145.                                                     href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  146.                                                 {% else %}
  147.                                                     href="{{ product.url }}"
  148.                                                 {% endif%}
  149.                                         >
  150.                                             {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  151.                                             {% if product.isDesignEnLigne  %}<span class="infoBulleVistacreate">{{ 'Design en ligne' | trans({}, "productTranslate") }} <img  class="azerty" src="{{ asset('images/ininfoselectVistaCreateHd.svg') }}"> </span>{% endif %}
  152.                                             <img  class="" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  153.                                             {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  154.                                                 <div class="middleBesoinProduct">
  155.                                                     <div class="textHoverBesoinProduct">
  156.                                                         {% for item in product.textHoverProduct %}
  157.                                                             <p>{{ item.name | trans({}, "productTranslate") }}</p>
  158.                                                         {% endfor %}
  159.                                                     </div>
  160.                                                 </div>
  161.                                             {% endif %}
  162.                                         </a>
  163.                                         <h3>
  164.                                             <a  data-name="{{ product.besoinProductTextPrix }}" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}"
  165.                                                     {% if  product.product.id is defined  %}
  166.                                                         href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  167.                                                     {% else %}
  168.                                                         href="{{ product.url }}"
  169.                                                     {% endif%}
  170.                                             >
  171.                                                 <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  172.                                                 <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  173.                                             </a>
  174.                                         </h3>
  175.                                     </div>
  176.                                 </div>
  177.                             {% endfor %}
  178.                         </div>
  179.                     </div>
  180.                 </div>
  181.             </div>
  184.         {% else %}
  185.             <div class="position-relative besoin_product_bloc desctopProductBesoinProductPage">
  186.                 <div class="product_slick_bloc01 row">
  187.                     {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  188.                     {% for product in products %}
  189.                         {% if product.product.id is defined and product.product.typeProduct == constant('App\\Entity\\Product::PAPIER') %}
  190.                             <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 blockBesoinProduct  marginBottomBlocBesoin50">
  191.                                 <a style="position: relative;min-height: 150px;" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  192.                                    href="{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ product.souhaiteStr }}">
  193.                                       {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  194.                                     <img  class="imgMaxHeightBesoinProduct" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  195.                                     {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  196.                                         <div class="middleBesoinProduct">
  197.                                             <div class="textHoverBesoinProduct">
  198.                                                 {% for item in product.textHoverProduct %}
  199.                                                     <p>{{ item.name | trans({}, "productTranslate") }}</p>
  200.                                                 {% endfor %}
  201.                                             </div>
  202.                                         </div>
  203.                                     {% endif %}
  204.                                 </a>
  205.                                 <h3>
  206.                                     <a  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}" href="{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ product.souhaiteStr }}">
  207.                                         <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  208.                                         <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  209.                                     </a>
  210.                                 </h3>
  211.                             </div>
  212.                         {% else %}
  213.                             <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 blockBesoinProduct  marginBottomBlocBesoin50">
  214.                                 <a style="position: relative;" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  215.                                     {% if  product.product.id is defined  %}
  216.                                         href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  217.                                     {% else %}
  218.                                         href="{{ product.url }}"
  219.                                     {% endif%}
  220.                                 >
  221.                                     {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  222.                                     {% if product.isDesignEnLigne  %}<span class="infoBulleVistacreate">{{ 'Design en ligne' | trans({}, "productTranslate") }} <img src="{{ asset('images/ininfoselectVistaCreateHd.svg') }}"> </span>{% endif %}
  223.                                     <img  class="" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  224.                                     {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  225.                                         <div class="middleBesoinProduct">
  226.                                             <div class="textHoverBesoinProduct">
  227.                                                 {% for item in product.textHoverProduct %}
  228.                                                     <p>{{ item.name | trans({}, "productTranslate") }}</p>
  229.                                                 {% endfor %}
  230.                                             </div>
  231.                                         </div>
  232.                                     {% endif %}
  233.                                 </a>
  234.                                 <h3>
  235.                                     <a  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}"
  236.                                         {% if  product.product.id is defined  %}
  237.                                             href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  238.                                         {% else %}
  239.                                             href="{{ product.url }}"
  240.                                         {% endif%}
  241.                                     >
  242.                                         <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  243.                                         <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  244.                                     </a>
  245.                                 </h3>
  246.                             </div>
  247.                         {% endif %}
  248.                     {% endfor %}
  249.                 </div>
  250.             </div>
  251.             <div class=" mobileProductBesoinProductPage">
  252.                 <div class="bloc_besoin_product_global_content product_slide">
  253.                     <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  254.                         <div class="slick_bouton">
  255.                             <div class="slickNext2model1 slickNextBesoinProductBloc"><img src="{{ asset('images/rightfls.png')}}"></div>
  256.                             <div class="slickNext2model1 slickPrevBesoinProductBloc"><img src="{{ asset('images/leftfls.png')}}"></div>
  257.                         </div>
  258.                         {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  259.                         {% set classPapier = '' %}
  260.                         {% for product in products %}
  261.                             {% if product.product.id is defined and product.product.typeProduct == constant('App\\Entity\\Product::PAPIER') %}
  262.                                 {% set classPapier = 'mobileProductBesoinProductPageSlideGlobalPapier' %}
  263.                             {% endif %}
  264.                         {% endfor %}
  265.                         <div class="mobileProductBesoinProductPageSlideGlobalProduct mobileProductBesoinProductPageSlideGlobal responsive slider {{ classPapier }}">
  266.                             {% set products = getAllActiveByCategoryBesoinProduct(category.id) %}
  267.                             {% for product in products %}
  268.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  269.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  270.                                         {% if product.product.id is defined and product.product.typeProduct == constant('App\\Entity\\Product::PAPIER') %}
  271.                                         <a style="position: relative;"  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  272.                                                 href="{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ product.souhaiteStr }}"
  273.                                         >
  274.                                         {% else %}
  275.                                         <a style="position: relative;"  data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle  {% if product.isSoon  %}not_cliquable {% endif %} besoin_product_a_img"
  276.                                                 {% if  product.product.id is defined  %}
  277.                                                     href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  278.                                                 {% else %}
  279.                                                     href="{{ product.url }}"
  280.                                                 {% endif%}
  281.                                         >
  282.                                         {% endif %}
  283.                                             {% if product.isSoon  %}<span class="infoBulleSoon">{{ 'Soon' | trans({}, "productTranslate") }}</span>{% endif %}
  284.                                             {% if product.isDesignEnLigne  %}<span class="infoBulleVistacreate">{{ 'Design en ligne' | trans({}, "productTranslate") }} <img  class="azerty" src="{{ asset('images/ininfoselectVistaCreateHd.svg') }}"> </span>{% endif %}
  285.                                             <img  class="" src="{{ asset('imageSite/'~product.fileBesoinProduct) }}">
  286.                                             {% if product.textHoverProduct is defined and product.textHoverProduct|length > 0 %}
  287.                                                 <div class="middleBesoinProduct">
  288.                                                     <div class="textHoverBesoinProduct">
  289.                                                         {% for item in product.textHoverProduct %}
  290.                                                             <p>{{ item.name | trans({}, "productTranslate") }}</p>
  291.                                                         {% endfor %}
  292.                                                     </div>
  293.                                                 </div>
  294.                                             {% endif %}
  295.                                         </a>
  296.                                         <h3>
  297.                                             {% if product.product.id is defined and product.product.typeProduct == constant('App\\Entity\\Product::PAPIER') %}
  299.                                                 <a data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  data-name="{{ product.besoinProductTextPrix }}" class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}" href="{{ path('accueil') }}?displayProduct=1&imprimerRelier=1&souhaite_str={{ product.souhaiteStr }}">
  300.                                                     <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  301.                                                     <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  302.                                                 </a>
  303.                                             {% else %}
  304.                                                 <a  data-name="{{ product.besoinProductTextPrix }}" data-category="articles" data-id="{% if product.product.id is defined %}{{ product.product.id }}{% else %}00{{ product.id }}{% endif %}"  class="selectTagGoogle {% if product.isSoon  %}not_cliquable {% endif %}"
  305.                                                         {% if  product.product.id is defined  %}
  306.                                                             href="{{ path('product_option') }}?product={% if product.product.id is defined %}{{ product.product.id }}{% endif %}"
  307.                                                         {% else %}
  308.                                                             href="{{ product.url }}"
  309.                                                         {% endif%}
  310.                                                 >
  311.                                                     <span class="besoin_product_a_span1">{{ product.besoinProductTextPrix | trans({}, "productTranslate") }}</span>
  312.                                                     <span class="besoin_product_a_span2">{{ product.besoinProductTextTitre | trans({}, "productTranslate") }}</span>
  313.                                                 </a>
  314.                                             {% endif %}
  315.                                         </h3>
  316.                                     </div>
  317.                                 </div>
  318.                             {% endfor %}
  319.                         </div>
  320.                     </div>
  321.                 </div>
  322.             </div>
  323.         {% endif %}
  324.     </div>
  325. {% endfor %}