templates/vitrine/articles/list.html.twig line 1

Open in your IDE?
  1. {% extends 'vitrine/layout.html.twig' %}
  3. {% set pageParam = app.request.query.get('page') %}
  4. {% block title %}{{ page.shortTitle }} {#% if app.request.query.has('page') %}- Page {{ pageParam }}{% endif %#}{% endblock title %}
  6. {% block description %}{{ page.shortDescription }}{% endblock description %}
  7. {% block robots %}{{ page.robots }}{% endblock robots %}
  9. {% block meta_social %}
  10. {{ parent() }}
  11. {% include "/vitrine/components/socialmedia.html.twig" with { 'page':page,'social_type':'website' } %}
  12. {% endblock meta_social %}
  14. {% block canonical %}{% include "/vitrine/components/canonical.html.twig" with {'page':page} %}{% endblock canonical %}
  15. {% block header_languages %}{% include "/vitrine/components/header_languages.html.twig" with {'page':page} %}{% endblock header_languages %}
  16. {% block footer_languages %}{% include "/vitrine/components/footer_languages.html.twig" with {'page':page} %}{% endblock footer_languages %}
  18. {% block body %}
  20. <section id="blog-page" class="pb-40 inner-page-hero blog-page-section division">
  21. <div class="container">
  23. <div class="row">
  24. <div class="col">
  25. <div class="posts-category ico-20">
  26. <h1>{{ page.title }} <span class="flaticon-next"></span></h1>
  27. </div>
  28. </div>
  29. </div>
  31. {% if articles is not empty %}
  32. <div class="posts-wrapper">
  33. <div class="row">
  35. {% for article in articles %}
  36. {% if app.request.locale == "en" %}
  37. {% set urlArticle = path('blog_article',{'slug': article.slug}) %}
  38. {% if article.pageslug3 is not empty %}
  39. {% set urlArticle = '/' ~ article.pageslug ~ '/' ~ article.pageslug2 ~ '/' ~ article.pageslug3 %}
  40. {% elseif article.pageslug2 is not empty %}
  41. {% set urlArticle = '/' ~ article.pageslug ~ '/' ~ article.pageslug2 %}
  42. {% elseif article.pageslug is not empty %}
  43. {% set urlArticle = '/' ~ article.pageslug %}
  44. {% endif %}
  45. {% else %}
  46. {% set urlArticle = path('locale_blog_article',{'_locale':app.request.locale,'slug': article.slug}) %}
  47. {% if article.pageslug3 is not empty %}
  48. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug ~ '/' ~ article.pageslug2 ~ '/' ~ article.pageslug3 %}
  49. {% elseif article.pageslug2 is not empty %}
  50. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug ~ '/' ~ article.pageslug2 %}
  51. {% elseif article.pageslug is not empty %}
  52. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug %}
  53. {% endif %}
  54. {% endif %}
  55. <div class="col-md-4">
  59. <div class="blog-post">
  61. <div class="blog-post-img r-12">
  62. <a href="{{ urlArticle }}">
  63. {% if article.image.name is not null %}
  64. <figure class="image">
  65. <picture>
  66. <source srcset="{{ replaceInWebP2(vich_uploader_asset(article, 'imageFile')) }}" type="image/webp">
  67. <img class="img-fluid r-16" src="{{ replaceInWebP2(vich_uploader_asset(article, 'imageFile')) }}" alt="{{ article.imageAlt }}" title="{{ article.imageTitle }}" width="396" height="396" loading="lazy" />
  68. </picture>
  69. </figure>
  70. {% else %}
  71. <figure class="image">
  72. <picture>
  73. <source srcset="/uploads/default_article.webp" type="image/webp">
  74. <img class="img-fluid r-16" src="/uploads/default_article.webp" alt="{{ article.imageAlt }}" title="{{ article.imageTitle }}" width="396" height="396" loading="lazy" />
  75. </picture>
  76. </figure>
  77. {% endif %}
  78. </a>
  79. </div>
  81. <div class="blog-post-txt">
  83. {% if article.authorArticle is not null %}
  84. <span class="post-tag color--theme">{{ article.authorArticle.title }}</span>
  85. {% endif %}
  87. <h2 style="font-size:25px;">
  88. <a href="{{ urlArticle }}">{{ article.title }}</a>
  89. </h2>
  91. {% if article.subtitle is not empty %}{{ articleResumeChain(article.subtitle,100) }}{% endif %}
  93. </div>
  95. </div>
  97. </div>
  98. {% endfor %}
  100. </div>
  101. </div>
  102. {% endif %}
  104. </div>
  105. </section>
  107. {% endblock body %}