templates/accessory/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  4. {% block meta %}
  5.     <meta name="description" content="{{ 'accessories.meta_description'|trans }}">
  6.     <meta name="keywords" content="{{ 'accessories.meta_keywords'|trans }}"> 
  7.     <meta property="og:url" content="path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))" />
  8. {% endblock %}
  10. {% block hero %}
  11.     <h1 class="text-center">{{ title }}</h1>
  12.     <p class="text-center color-primary">{{ 'accessories.poster_note'|trans }}</p>
  13. {% endblock %}
  15. {% block body %}
  16.     <section class="accessories_list">
  17.         <div class="">
  18.             <div class="filter__item">
  19.                 <div class="row">
  20.                     <div class="col-lg-2 col-md-3 col-sm-3 col-6">
  21.                         <div>
  22.                             <select class="filter__sort form-select">
  23.                                 <option value="{{ path('dj_accessories') }}">{{ 'accessories.sort_by'|trans }}</option>
  24.                                 <option {% if sort == "price-asc" %}selected="selected"{% endif %} value="{{ path(app.request.attributes.get('_route'), app.request.query.all) }}{% if app.request.query.all %}&{% else %}?{% endif %}page={{ page }}&sort=price&direction=asc">{{ 'accessories.price_asc'|trans }}</option>
  25.                                 <option {% if sort == "price-desc" %}selected="selected"{% endif %} value="{{ path(app.request.attributes.get('_route'), app.request.query.all) }}{% if app.request.query.all %}&{% else %}?{% endif %}page={{ page }}&sort=price&direction=desc">{{ 'accessories.price_desc'|trans }}</option>
  26.                             </select>
  27.                         </div>
  28.                     </div>
  29.                     <div class="col-lg-10 col-md-6 col-sm-6 col-6 d-flex align-items-center">
  30.                         <div class="filter__found text-start">
  31.                             <h4>
  32.                                 <span>{{ accessories.getTotalItemCount }}</span>
  33.                                 accessories
  34.                             </h4>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.             <div class="row">
  40.                 {% for accessory in accessories %}
  41.                     <div class="col-lg-3 col-md-6 col-sm-6 mt-4">
  42.                         <div class="product__item d-flex flex-column h-100 bg-white rounded p-2 {% if accessory.quantity > 0 %}box-green{% else %}box-red{% endif %}">
  43.                             <div class="product__item__pic text-center">
  44.                                 {% if accessory.img != null %}
  45.                                     <a href="{{ path('dj_accessory', {'slug': accessory.slug}) }}">
  46.                                         <img src="{{ asset('uploads/accessories/' ~ accessory.slug ~ '/' ~ accessory.img) }}" class="card-img-top" alt="{{ accessory.designation }}">
  47.                                     </a>
  48.                                 {% else %}
  49.                                     <a href="{{ path('dj_accessory', {'slug': accessory.slug}) }}">
  50.                                         <img src="{{ asset('uploads/accessories/default_accessory.png') }}" class="card-img-top" alt="{{ accessory.designation }}">
  51.                                     </a>
  52.                                 {% endif %}
  53.                                 <ul class="product__item__pic__hover">
  54.                                     {# <li>
  55.                                         <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.mazykkaaccessories Dj/vinyle/{{ accessory.slug }}/&src=sdkpreparse" class="fb-xfbml-parse-ignore">
  56.                                             <i class="fa fa-facebook"></i>
  57.                                         </a>
  58.                                     </li> #}
  59.                                     {# <li>
  60.                                         <a href="{{ path('cart_add', {'id': accessory.id}) }}">
  61.                                             <i class="fa fa-shopping-cart"></i>
  62.                                         </a>
  63.                                     </li> #}
  64.                                 </ul>
  65.                             </div>
  66.                             <div class="product__item__text">
  67.                                 <h6>
  68.                                     <a href="{{ path('dj_accessory', {'slug': accessory.slug}) }}">{{ accessory.designation }}</a>
  69.                                 </h6>
  70.                                 {% if accessory.promo and accessory.promo > 0 %}
  71.                                     <h5> <del class="fw-normal fs-6 me-2">{{ accessory.price|number_format(2) }} € <span class="vat">TTC</span></del>  <span class="success">{{ accessory.promo|number_format(2) }} €</span></h5>
  72.                                 {% else %}
  73.                                     <h5>{{ accessory.price|number_format(2) }} € <span class="vat">TTC</span></h5>
  74.                                 {% endif %}
  75.                             </div>
  76.                             
  77.                             <div class="mt-auto text-center">
  78.                                 {% if accessory.quantity > 0 %}
  79.                                     {% if app.user %}
  80.                                         <a href="{{ path('cart_add', {'id': accessory.id}) }}" class="btn btn-primary mt-2 w-100">
  81.                                             <i class="fa fa-shopping-cart" aria-hidden="true"></i>
  82.                                         </a>
  83.                                     {% else %}
  84.                                         <button type="button" class="btn btn-primary mt-2 w-100" data-bs-toggle="modal" data-bs-target="#needConnexionModal">
  85.                                             <i class="fa fa-shopping-cart" aria-hidden="true"></i>
  86.                                         </button>
  87.                                     {% endif %}
  88.                                 {% else %}
  89.                                     <h3 class="red">Hors stock</h3>
  90.                                 {% endif %}
  91.                                 
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                 {% endfor %}
  96.             </div>
  97.             <div class="pagination my-3 d-flex justify-content-center">
  98.                 {{ knp_pagination_render(accessories, '@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') }}
  99.             </div>
  100.         
  101.         </div>
  102.     </section>
  103. {% endblock %}
  104. {% block javascript %}{% endblock %}