custom/plugins/NetzpBlog6/src/Resources/views/storefront/element/blog-index-listitem.html.twig line 1

Open in your IDE?
  1. {% block blog_list_item %}
  2.     {% set postDetailUrl = seoUrl('frontend.blog.post', {'postId': post.id} ) %}
  3.     {% set paramPage = app.request.get('p') ? 'p=' ~app.request.get('p') : '' %}
  4.     {% set paramCategory = app.request.get('c') ? 'c=' ~app.request.get('c') : '' %}
  5.     {% set paramAuthor = app.request.get('a') ? 'a=' ~app.request.get('a') : '' %}
  6.     {% set urlParams = [paramPage, paramCategory, paramAuthor] | filter(p => p != '') | join('&') %}
  7.     {% if urlParams %}
  8.         {% set postDetailUrl = postDetailUrl ~ '?' ~ urlParams %}
  9.     {% endif %}
  11.     <div class="d-flex flex-sm-row flex-column mb-3 blog-list-item" style="background-color: {{ element.config.backgroundColor.value }}">
  12.         {% block blog_list_item_wrapper %}
  13.             <div class="pt-3 pb-3 pl-3">
  14.                 <a href="{{ postDetailUrl }}">
  15.                     {% block blog_content_post_inner_title %}
  16.                         <h4 class="mb-0">{{ post.translated.title }}</h4>
  17.                     {% endblock %}
  18.                 </a>
  20.                 {% if element.data.pluginConfig.showmeta %}
  21.                     {% block blog_content_post_inner_meta %}
  22.                         {% sw_include "@Storefront/storefront/page/blog/post-meta.html.twig" with { config: element.data.pluginConfig } %}
  23.                     {% endblock %}
  24.                 {% endif %}
  26.                 {% if post.translated.teaser %}
  27.                     {% block blog_content_post_inner_teaser %}
  28.                         <div class="lead mt-3 mb-1">
  29.                             {{ post.translated.teaser }}
  30.                         </div>
  31.                     {% endblock %}
  32.                 {% endif %}
  34.                 {% block blog_content_post_inner_more %}
  35.                     <a href="{{ postDetailUrl }}"
  36.                        class="btn btn-outline-primary btn-sm mt-2">
  37.                         {{ "netzp.blog.msg.more"|trans }}
  38.                     </a>
  39.                 {% endblock %}
  40.             </div>
  41.         {% endblock %}
  43.         {% block blog_content_post_inner_image %}
  44.             <div class="ml-0 ml-sm-auto p-0">
  45.                 {% set image = null %}
  46.                 {% if post.imagepreview %}
  47.                     {% set image = post.imagepreview %}
  48.                 {% elseif post.image %}
  49.                     {% set image = post.image %}
  50.                 {% endif %}
  52.                 {% if image %}
  53.                     {% set thumbnailClass = element.config.imageMode.value == "contain" ? "contain" : "cover" %}
  54.                     <a href="{{ postDetailUrl }}">
  55.                         {% if image.mediaType.name == 'IMAGE' %}
  56.                             {% sw_thumbnails 'blog_list_image_thumbnail' with {
  57.                                 media: image,
  58.                                 sizes: {
  59.                                     'xs': '501px',
  60.                                     'sm': '315px',
  61.                                     'md': '427px',
  62.                                     'lg': '333px',
  63.                                     'xl': '284px'
  64.                                 },
  65.                                 attributes: {
  66.                                     'class': 'img-fluid ' ~ thumbnailClass,
  67.                                     'alt':   image.translated.alt ?: '',
  68.                                     'title': post.translated.title ?: ''
  69.                                 }
  70.                             } %}
  71.                         {% elseif image.mediaType.name == 'VIDEO' %}
  72.                             <video class="video {{ thumbnailClass }}" controls>
  73.                                 <source src="{{ image.url }}" type="{{ image.mimetype }}">
  74.                                 Your browser does not support HTML5 video.
  75.                             </video>
  76.                         {% endif %}
  77.                     </a>
  78.                 {% endif %}
  79.             </div>
  80.         {% endblock %}
  81.     </div>
  82. {% endblock %}