templates/vitrine/components/elements/collections/articles.html.twig line 1

Open in your IDE?
  1. {% set articlesListing = getArticlesListing(app.request.locale,9) %}
  2. {% if articlesListing is not empty %}
  3. <section id="blog-1" class="pb-100 blog-section division" style="margin-top:150px;">
  4. <div class="container">
  7. <div class="section-title text-center mb-60">
  8. <h2 class="h2-xl">
  9. {% if app.request.locale == "en" %}
  10. Travel diaries
  11. {% else %}
  12. Carnets de voyage
  13. {% endif %}
  14. </h2>
  15. </div>
  17. <div class="row">
  19. {% for article in articlesListing %}
  20. {% if app.request.locale == "en" %}
  21. {% set urlArticle = path('blog_article',{'slug': article.slug}) %}
  22. {% if article.pageslug3 is not empty %}
  23. {% set urlArticle = '/' ~ article.pageslug ~ '/' ~ article.pageslug2 ~ '/' ~ article.pageslug3 %}
  24. {% elseif article.pageslug2 is not empty %}
  25. {% set urlArticle = '/' ~ article.pageslug ~ '/' ~ article.pageslug2 %}
  26. {% elseif article.pageslug is not empty %}
  27. {% set urlArticle = '/' ~ article.pageslug %}
  28. {% endif %}
  29. {% else %}
  30. {% set urlArticle = path('locale_blog_article',{'_locale':app.request.locale,'slug': article.slug}) %}
  31. {% if article.pageslug3 is not empty %}
  32. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug ~ '/' ~ article.pageslug2 ~ '/' ~ article.pageslug3 %}
  33. {% elseif article.pageslug2 is not empty %}
  34. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug ~ '/' ~ article.pageslug2 %}
  35. {% elseif article.pageslug is not empty %}
  36. {% set urlArticle = '/' ~ app.request.locale ~ '/' ~ article.pageslug %}
  37. {% endif %}
  38. {% endif %}
  39. <div class="col-md-6 col-lg-4">
  40. <div id="bp-1-1" class="blog-post ">
  42. <div class="blog-post-img mb-35">
  43. <a href="{{ urlArticle }}" aria-label="{{ article.title }}" title="{{ article.title }}">
  44. {% if article.image.name is not null %}
  45. <figure class="image">
  46. <picture>
  47. <source srcset="{{ replaceInWebP2(vich_uploader_asset(article, 'imageFile')) }}" type="image/webp">
  48. <img class="img-fluid r-16" src="{{ replaceInWebP2(vich_uploader_asset(article, 'imageFile')) }}" width="396" height="396" alt="{{ article.imageAlt }}" title="{{ article.imageTitle }}" loading="lazy" />
  49. </picture>
  50. </figure>
  51. {% else %}
  52. <figure class="image">
  53. <picture>
  54. <source srcset="/uploads/default_article.webp" type="image/webp">
  55. <img class="img-fluid r-16" src="/uploads/default_article.webp" width="396" height="396" alt="{{ article.imageAlt }}" title="{{ article.imageTitle }}" loading="lazy" />
  56. </picture>
  57. </figure>
  58. {% endif %}
  59. </a>
  60. </div>
  62. <div class="blog-post-txt">
  64. <h3 class="s-20 w-700" style="margin-bottom:10px;">
  65. <a href="{{ urlArticle }}" aria-label="{{ article.title }}" title="{{ article.title }}">
  66. {{ article.title }}
  67. </a>
  68. </h3>
  70. {% if article.subtitle is not empty %}<div style="margin-bottom:10px;">{{ articleResumeChain(article.subtitle,100) }}</div>{% endif %}
  72. {#
  73. <div class="blog-post-meta mt-20" style="margin-bottom:15px;">
  74. <ul class="post-meta-list ico-10">
  75. <li><p class="p-sm">{{ article.updatedAt|format_date(pattern='dd MMMM yyyy',locale=app.request.locale) }}</p></li>
  76. </ul>
  77. </div>
  78. #}
  80. </div>
  82. </div>
  83. </div>
  84. {% endfor %}
  86. </div>
  87. </div>
  88. </section>
  89. {% endif %}