custom/plugins/NetzpBlog6/src/Resources/views/storefront/element/blog-index-card.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 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.                                     sizes: {
  29.                                         'xs': '501px',
  30.                                         'sm': '315px',
  31.                                         'md': '427px',
  32.                                         'lg': '333px',
  33.                                         'xl': '284px'
  34.                                     },
  35.                                     attributes: {
  36.                                         'class': 'card-img-top ' ~ thumbnailClass,
  37.                                         'alt':   image.translated.alt ?: '',
  38.                                         'title': post.translated.title ?: ''
  39.                                     }
  40.                                 } %}
  41.                             {% elseif image.mediaType.name == 'VIDEO' %}
  42.                                 <video class="video {{ thumbnailClass }}" controls>
  43.                                     <source src="{{ image.url }}" type="{{ image.mimetype }}">
  44.                                     Your browser does not support HTML5 video.
  45.                                 </video>
  46.                             {% endif %}
  47.                         </a>
  48.                     {% else %}
  49.                         <div class="blog-card-paceholder">&nbsp;</div>
  50.                     {% endif %}
  51.                 {% endblock %}
  53.                 <div class="card-body d-flex flex-column p-2">
  54.                     {% block blog_content_post_inner_title %}
  55.                         <a href="{{ postDetailUrl }}">
  56.                             <h4 class="mt-2 mb-0">{{ post.translated.title }}</h4>
  57.                         </a>
  58.                     {% endblock %}
  60.                     {% if element.data.pluginConfig.showmeta %}
  61.                         {% block blog_content_post_inner_meta %}
  62.                             {% sw_include "@Storefront/storefront/page/blog/post-meta.html.twig" with { config: element.data.pluginConfig } %}
  63.                         {% endblock %}
  64.                     {% endif %}
  66.                     {% if post.translated.teaser %}
  67.                         {% block blog_content_post_inner_teaser %}
  68.                             <div class="card-text mt-3 mb-1">
  69.                                 {{ post.translated.teaser }}
  70.                             </div>
  71.                         {% endblock %}
  72.                     {% endif %}
  74.                     {% block blog_content_post_inner_more %}
  75.                         <div class="mt-auto">
  76.                             <a href="{{ postDetailUrl }}"
  77.                                class="btn btn-outline-primary btn-sm mt-2">
  78.                                 {{ "netzp.blog.msg.more"|trans }}
  79.                             </a>
  80.                         </div>
  81.                     {% endblock %}
  82.                 </div>
  83.             </div>
  84.         {% endblock %}
  85.     </div>
  86. {% endblock %}