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 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.                             {% sw_thumbnails 'blog_card_image_thumbnail' with {
  26.                                 media: image,
  27.                                 sizes: {
  28.                                     'xs': '501px',
  29.                                     'sm': '315px',
  30.                                     'md': '427px',
  31.                                     'lg': '333px',
  32.                                     'xl': '284px'
  33.                                 },
  34.                                 attributes: {
  35.                                     'class': 'card-img-top ' ~ thumbnailClass,
  36.                                     'alt':   image.translated.alt ?: '',
  37.                                     'title': post.translated.title ?: ''
  38.                                 }
  39.                             } %}
  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.                             <h4 class="mt-2 mb-0">{{ post.translated.title }}</h4>
  50.                         </a>
  51.                     {% endblock %}
  53.                     {% if element.data.pluginConfig.showmeta %}
  54.                         {% block blog_content_post_inner_meta %}
  55.                             {% sw_include "@Storefront/storefront/page/blog/post-meta.html.twig" with { config: element.data.pluginConfig } %}
  56.                         {% endblock %}
  57.                     {% endif %}
  59.                     {% if post.translated.teaser %}
  60.                         {% block blog_content_post_inner_teaser %}
  61.                             <div class="card-text mt-3 mb-1">
  62.                                 {{ post.translated.teaser }}
  63.                             </div>
  64.                         {% endblock %}
  65.                     {% endif %}
  67.                     {% block blog_content_post_inner_more %}
  68.                         <div class="mt-auto">
  69.                             <a href="{{ postDetailUrl }}"
  70.                                class="btn btn-outline-primary btn-sm mt-2">
  71.                                 {{ "netzp.blog.msg.more"|trans }}
  72.                             </a>
  73.                         </div>
  74.                     {% endblock %}
  75.                 </div>
  76.             </div>
  77.         {% endblock %}
  78.     </div>
  79. {% endblock %}