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

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