custom/plugins/NetzpBlog6/src/Resources/views/storefront/page/blog/post-image-small.html.twig line 1

Open in your IDE?
  1. {% block blog_content_post_wrapper %}
  2. <div class="row mb-5">
  3.     {% block blog_content_post_inner_wrapper %}
  4.     <div class="col-md-8">
  5.         {% if config.showmeta %}
  6.             {% sw_include "@Storefront/storefront/page/blog/post-meta.html.twig" %}
  7.         {% endif %}
  9.         {% block blog_content_post_inner_title %}
  10.             <h2>{{ post.translated.title }}</h2>
  11.         {% endblock %}
  13.         {% block blog_content_post_inner_contents %}
  14.             {{ render_blog_listing_template(post.translated.contents, post)|raw }}
  15.         {% endblock %}
  17.         {% block blog_content_post_inner_author %}
  18.             {% if config.showmeta and config.showauthor %}
  19.                 {% sw_include "@Storefront/storefront/page/blog/post-author.html.twig" %}
  20.             {% endif %}
  21.         {% endblock %}
  22.     </div>
  23.     {% endblock %}
  25.     {% if post.image %}
  26.         {% block blog_content_post_inner_image %}
  27.             <div class="col-md-4 mt-3 mt-md-0">
  28.                 {% if post.image.mediaType.name == 'IMAGE' %}
  29.                     {% sw_thumbnails 'blog_small_image_thumbnail' with {
  30.                         media: post.image,
  31.                         sizes: {
  32.                             'xs': '501px',
  33.                             'sm': '315px',
  34.                             'md': '427px',
  35.                             'lg': '333px',
  36.                             'xl': '284px',
  37.                             'default': '100vw'
  38.                         },
  39.                         attributes: {
  40.                             'class': 'img-fluid',
  41.                             'alt':   post.image.translated.alt ?: '',
  42.                             'title': post.translated.title ?: ''
  43.                         }
  44.                     } %}
  45.                 {% elseif post.image.mediaType.name == 'VIDEO' %}
  46.                     <video class="card-img-top {{ thumbnailClass }}" controls>
  47.                         <source src="{{ post.image.url }}" type="{{ post.image.mimetype }}">
  48.                         Your browser does not support HTML5 video.
  49.                     </video>
  50.                 {% endif %}
  52.             </div>
  53.         {% endblock %}
  54.     {% endif %}
  55. </div>
  56. {% endblock %}