custom/plugins/SasBlogModule/src/Resources/views/storefront/component/blog/card/box.html.twig line 1

  1. {% block sas_blog_card %}
  2.     <article class="card blog-card">
  3.         {% block sas_blog_card_teaser_image %}
  4.             <a href="{{ seoUrl('sas.frontend.blog.detail', {'articleId': article.id}) }}"
  5.                    title="{{ article.translated.title }}"
  6.                    class="blog-image-link">
  7.                     {% if article.media.url %}
  8.                         {% set attributes = {
  9.                             'class': 'blog-image card-img-top',
  10.                             'alt': (article.media.translated.alt ?: article.media.fileName),
  11.                             'title': (article.media.translated.title ?: article.media.fileName)
  12.                         } %}
  14.                         {% sw_thumbnails 'blog-image-thumbnails' with {
  15.                             media: article.media,
  16.                             sizes: {
  17.                                 'xs': '330px',
  18.                                 'sm': '650px',
  19.                                 'md': '650px',
  20.                                 'lg': '650px',
  21.                                 'xl': '900px',
  22.                             }
  23.                         } %}
  24.                     {% else %}
  25.                         <div class="blog-image-placeholder">
  26.                             {% sw_icon 'placeholder' style {
  27.                                 'size': 'fluid'
  28.                             } %}
  29.                         </div>
  30.                     {% endif %}
  31.                 </a>
  32.         {% endblock %}
  33.         {% block sas_blog_card_body %}
  34.             <div class="card-body">
  35.                 <div class="d-flex flex-column">
  36.                     {% block sas_blog_card_title_date %}
  37.                         <p class="mt-2 mb-1 d-flex align-items-center blog-date">
  38.                             <small>{{ article.publishedAt|format_date('short', locale=app.request.locale) }}</small>
  39.                         </p>
  40.                     {% endblock %}
  41.                     {% block sas_blog_card_title %}
  42.                         <h2 class="card-title mt-0 blog-title">
  43.                             {% block sas_blog_card_title_link %}
  44.                                 <a href="{{ seoUrl('sas.frontend.blog.detail', { articleId: article.id }) }}"
  45.                                    title="{{ article.translated.title }}"
  46.                                    class="text-decoration-none">
  47.                                     {{ article.translated.title }}
  48.                                 </a>
  49.                             {% endblock %}
  50.                         </h2>
  51.                     {% endblock %}
  52.                 </div>
  53.                 {% block sas_blog_card_teaser %}
  54.                     <p class="card-text font-size-small mb-0">{{ article.translated.teaser }}</p>
  55.                 {% endblock %}
  56.             </div>
  57.         {% endblock %}
  59.         {% block sas_blog_card_footer %}
  60.         <div class="card-footer text-muted">
  61.             {% block sas_blog_card_footer_author %}
  62.                 {% if config('SasBlogModule').config.showAuthor %}
  63.                     {% if article.blogAuthor.media.url %}
  64.                         {% set attributes = {
  65.                             'class': 'blog-author-avatar',
  66.                             'alt': (article.blogAuthor.media.translated.alt ?: article.blogAuthor.media.fileName),
  67.                             'title': (article.blogAuthor.media.translated.title ?: article.blogAuthor.media.fileName)
  68.                         } %}
  70.                         {% sw_thumbnails 'blog-author-avatar-thumbnails' with {
  71.                             media: article.blogAuthor.media,
  72.                             sizes: {
  73.                             'xs': '80px'
  74.                         }
  75.                             } %}
  76.                     {% else %}
  77.                         <div class="blog-image-placeholder">
  78.                             {% sw_icon 'placeholder' style {
  79.                                 'size': 'fluid'
  80.                                 } %}
  81.                         </div>
  82.                     {% endif %}
  83.                     <p class="blog-author-display-name">{{ article.blogAuthor.displayName }}<br>
  84.                         <small class="text-muted">{{ article.blogAuthor.blogEntries|length }} {{ 'sas-blog.box.author.countEntries'|trans|sw_sanitize }}</small>
  85.                     </p>
  86.                 {% endif %}
  87.             {% endblock %}
  88.         </div>
  89.         {% endblock %}
  90.     </article>
  91. {% endblock %}