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

  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 false and urlParams %}
  8.         {% set postDetailUrl = postDetailUrl ~ '?' ~ urlParams %}
  9.     {% endif %}
  11.     <div class="col-lg-4 col-sm-6 mb-3">
  12.         {% block blog_list_item_wrapper %}
  13.             <div class="card h-100 blog-card" style="background-color: {{ element.config.backgroundColor.value }}">
  14.                 {% block blog_content_post_inner_image %}
  15.                     {% set image = null %}
  16.                     {% if post.imagepreview %}
  17.                         {% set image = post.imagepreview %}
  18.                     {% elseif post.image %}
  19.                         {% set image = post.image %}
  20.                     {% endif %}
  22.                     {% if image %}
  23.                         {% set thumbnailClass = element.config.imageMode.value == "contain" ? "contain" : "cover" %}
  24.                         <a href="{{ postDetailUrl }}">
  25.                             {% if image.mediaType.name == 'IMAGE' %}
  26.                                 {% sw_thumbnails 'blog_card_image_thumbnail' with {
  27.                                     media: image,
  28.                                     attributes: {
  29.                                         'class': 'card-img-top ' ~ thumbnailClass,
  30.                                         'alt':   image.translated.alt ?: '',
  31.                                         'title': post.translated.title ?: ''
  32.                                     }
  33.                                 } %}
  34.                             {% elseif image.mediaType.name == 'VIDEO' %}
  35.                                 <video class="video {{ thumbnailClass }}" controls>
  36.                                     <source src="{{ image.url }}" type="{{ image.mimetype }}">
  37.                                     Your browser does not support HTML5 video.
  38.                                 </video>
  39.                             {% endif %}
  40.                         </a>
  41.                     {% else %}
  42.                         <div class="blog-card-paceholder">&nbsp;</div>
  43.                     {% endif %}
  44.                 {% endblock %}
  46.                 <div class="card-body d-flex flex-column p-2">
  47.                     {% block blog_content_post_inner_title %}
  48.                         <a href="{{ postDetailUrl }}">
  49.                             {% sw_include "@Storefront/storefront/element/blog-title.html.twig" with {
  50.                                 titleTag: element.config.titleTag.value|lower, post: post
  51.                             } only
  52.                             %}
  53.                         </a>
  54.                     {% endblock %}
  56.                     {% if element.data.pluginConfig.showmeta %}
  57.                         {% block blog_content_post_inner_meta %}
  58.                             {% sw_include "@Storefront/storefront/page/blog/post-meta.html.twig" with { config: element.data.pluginConfig } %}
  59.                         {% endblock %}
  60.                     {% endif %}
  62.                     {% if post.translated.teaser %}
  63.                         {% block blog_content_post_inner_teaser %}
  64.                             <div class="card-text mt-3 mb-1">
  65.                                 {{ post.translated.teaser }}
  66.                             </div>
  67.                         {% endblock %}
  68.                     {% endif %}
  70.                     {% block blog_content_post_inner_more %}
  71.                         <div class="mt-auto">
  72.                             <a href="{{ postDetailUrl }}"
  73.                                class="btn btn-outline-primary btn-sm mt-2">
  74.                                 {{ "netzp.blog.msg.more"|trans }}
  75.                             </a>
  76.                         </div>
  77.                     {% endblock %}
  78.                 </div>
  79.             </div>
  80.         {% endblock %}
  81.     </div>
  82. {% endblock %}