templates/front/article/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block meta %}
  4.     <title>Les produits disponibles pour votre mariage</title>
  5.     <meta name="description" content="Les produits disponibles. Actuellement, {{ countProducts }} produits disponibles.">
  6. {% endblock %}
  8. {% block body %}
  9.     <div class="page-header" style="
  10.     {% if categoryBackground is defined and categoryBackground is not null and categoryBackground.image is not null %}
  11.         background: url({{ asset(constant('App\\Services\\File::IMAGE_CATEGORY_DIR') ~ categoryBackground.image) }})
  12.     {% else %}
  13.         background: url({{ asset('images/vacance_article.jpg') }})
  14.     {% endif %}
  15.     no-repeat center;background-size: cover">
  16.         <div class="container">
  17.             <div class="row">
  18.                 <!-- page caption -->
  19.                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
  20.                     <div class="page-caption">
  21.                         <h1 class="page-title">Articles</h1>
  22.                     </div>
  23.                 </div>
  24.                 <!-- /.page caption -->
  25.             </div>
  26.         </div>
  27.         <!-- page caption -->
  28.         <div class="page-breadcrumb">
  29.             <div class="container">
  30.                 <div class="row">
  31.                     <nav aria-label="breadcrumb">
  32.                         <ol class="breadcrumb">
  33.                             <li class="breadcrumb-item"><a href="{{ path('front_home') }}" class="breadcrumb-link">Accueil</a></li>
  34.                             <li class="breadcrumb-item active text-white" aria-current="page">Recherche {% if app.session.get('categoryName') %}{{ app.session.get('categoryName') }}{% endif %} {% if app.session.get('departmentName') %}- {{ app.session.get('departmentName') }}{% endif %} {% if app.session.get('weddingdate') %}- {{ app.session.get('weddingdate') }}{% endif %}</li>
  35.                         </ol>
  36.                     </nav>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <!-- page breadcrumb -->
  41.     </div>
  42.     <!-- /.page-header -->
  43.     <!-- vendor-section -->
  44.     <div class="content">
  45.         <div class="container">
  46.             <div class="row">
  47.                 <div class="col-xl-8 col-lg-8 col-md-7 col-sm-12 col-12">
  49.                     <div class="row">
  50.                         {% for product in products %}
  51.                             <div class="col-lg-6 col-sm-12 col-12">
  52.                                 <div class="container-block-Pcompanies mb-3">
  53.                                     <div class="container-imageP zoomimg">
  54.                                         {% if product.photos is not empty %}
  55.                                             <img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ product.photos.first.url) }}" alt="default image" class="img-fluid" style="height: 213px;object-fit: cover; border-radius: .5rem .5rem 0 0;">
  56.                                         {% else %}
  57.                                             <img src="{{ asset('images/vecteezy_vector-gear-logo-design-with-multi-colors-range_6172776.jpg') }}" alt="default image" class="img-fluid" style="height: 213px;object-fit: cover; border-radius: .5rem .5rem 0 0;">
  58.                                         {% endif %}
  59.                                     </div>
  60.                                     <div class="container-info-presta" style="padding-bottom: 80px;">
  61.                                         <h2 class="vendor-title">
  62.                                             <a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}" class="title">{{ product.name }}</a>
  63.                                         </h2>
  64.                                         <p class="vendor-address">
  65.                                             {% for department in product.departments %}
  66.                                                 {{ department.name }}
  67.                                                 {% if not loop.last %},
  68.                                                 {% endif %}
  69.                                             {% else %}
  70.                                                 Toute la France
  71.                                             {% endfor %}
  72.                                         </p>
  73.                                         <p>
  74.                                             <i class="fas fa-money-bill-wave"></i>
  75.                                             Prix
  76.                                             <strong>{{ product.price|number_format(2, '.') }}</strong>
  77.                                             €</p>
  78.                                         <p>
  79.                                             <i class="fa fa-star rated"></i>
  80.                                             {% set notes = 0 %}
  81.                                             {% for avi in product.avis %}
  82.                                                 {% set notes = notes + avi.globalNote %}
  83.                                             {% endfor %}
  84.                                             {% set noteTotal = (notes > 0) ? notes / product.avis|length : 0 %}
  85.                                             {{ product.avis|length }} Avis</p>
  86.                                         <p>{{ product.quantity }}
  87.                                             Quantité restante</p>
  88.                                     </div>
  89.                                     <div class="wishlist-sign">
  90.                                         <a href="#" class="btn-wishlist">
  91.                                             <i class="fa fa-heart"></i>
  92.                                         </a>
  93.                                     </div>
  94.                                     <a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}" class="title">
  95.                                         <button class="btnVoirP btn">Voir le produit</button>
  96.                                     </a>
  97.                                 </div>
  98.                             </div>
  99.                         {% else %}
  100.                             <div class="vendor-thumbnail list-view p-4">Aucun service correspondant</div>
  101.                         {% endfor %}
  102.                     </div>
  104.                     {# {% for product in products %}
  105.                         <div class="vendor-thumbnail list-view">
  106.                         <!-- Vendor thumbnail -->
  107.                         <div class="row">
  108.                             <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 border-right pr-0 zoom-img">
  109.                                 <div class="vendor-img" style="background:url({% if product.photos is not empty %}{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ product.photos.first.url) }}{% else %}{{ asset('images/illustration-default.jpg') }}{% endif %})no-repeat center;background-size:cover;height:100%">
  110.                                     <!-- Vendor img -->
  111.                                     <a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}">
  112.                                         <div style="height:100%;width:100%">
  113.                                         </div>
  114.                                     </a>
  115.                                     <div class="wishlist-sign">
  116.                                         {% if app.user and app.user.roles == ['ROLE_USER'] %}
  117.                                             {% set isWish = filter_service.getIfIsWish(app.user, product) %}
  118.                                             {% if isWish %}
  119.                                                 <a href="#" class="btn-wishlist" style="background-color:#ff4d4d;"><i class="fa fa-heart" style="color:#fff"></i></a>
  120.                                             {% else %}
  121.                                                 <a href="#" class="btn-wishlist"><i class="fa fa-heart"></i></a>
  122.                                             {% endif %}
  123.                                         {% endif %}
  124.                                     </div>
  125.                                 </div>
  126.                             </div>
  127.                             <!-- /.Vendor img -->
  128.                             <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12 pl-0">
  129.                                 <div class="vendor-content">
  130.                                     <!-- Vendor Content -->
  131.                                     <h2 class="vendor-title"><a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}" class="title">{{ product.name }}</a></h2>
  132.                                     <p class="vendor-address">
  133.                                         {% for department in product.departments %}
  134.                                             {{ department.name }}{% if not loop.last %},{% endif %}
  135.                                         {% else %}
  136.                                             Toute la France
  137.                                         {% endfor %}
  138.                                     </p>
  139.                                     <!-- /.Vendor meta -->
  140.                                 </div>
  141.                                 <div class="vendor-meta m-0">
  142.                                     <div class="vendor-meta-item vendor-meta-item-bordered">
  143.                                         <span class="vendor-price">
  144.                                         {{ product.price|number_format(2, '.') }}€
  145.                                         </span>
  146.                                         <span class="vendor-text">Prix</span></div>
  147.                                     <div class="vendor-meta-item vendor-meta-item-bordered">
  148.                                         <span class="vendor-guest">
  149.                                               {{ product.quantity }}
  150.                                          </span>
  151.                                         <span class="vendor-text">Quantité restante</span>
  152.                                     </div>
  153.                                     {% set notes = 0 %}
  154.                                     {% for avi in product.avis %}
  155.                                         {% set notes = notes + avi.globalNote %}
  156.                                     {% endfor %}
  157.                                     {% set noteTotal = (notes > 0) ? notes / product.avis|length : 0 %}
  158.                                     <div class="vendor-meta-item vendor-meta-item-bordered">
  159.                                         <span class="rating-star">
  160.                                             {% for i in 1..5 %}
  161.                                                 {% if i < noteTotal %}
  162.                                                     <i class="fa fa-star rated"></i>
  163.                                                 {% else %}
  164.                                                     <i class="fa fa-star rate-mute"></i>
  165.                                                 {% endif %}
  166.                                             {% endfor %}
  167.                                     </span>
  168.                                         <span class="rating-count vendor-text">({{ product.avis|length }})</span></div>
  169.                                 </div>
  170.                                 <!-- /.Vendor Content -->
  171.                             </div>
  172.                         </div>
  173.                     </div>
  174.                     {% else %}
  175.                         <div class="vendor-thumbnail list-view p-4">Aucun article correspondant</div>
  176.                     {% endfor %} #}
  178.                     <div class="pagination">
  179.                         <nav aria-label="Page navigation example">
  180.                             {{ knp_pagination_render(products) }}
  181.                         </nav>
  182.                     </div>
  184.                     <!-- /.paginations -->
  185.                 </div>
  186.                 <!-- sidebar-section -->
  187.                 {{ include('front/inc/filter_sidebar.html.twig') }}
  188.                 <!-- /.sidebar-section -->
  189.             </div>
  191.         </div>
  192.     </div>
  193. {% endblock %}
  195. {% block javascript %}
  196.     <script src="{{ asset('js/getCommune.js') }}"></script>
  197. {% endblock %}