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

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/component/blog/card/box.html.twig" %}
  4. {% block sas_blog_card %}
  5.     <article class="card blog-card">
  6.         {% block custom_blog_header %}
  7.             <div class="card-header">
  8.                 <h2 class="card-title mt-0">
  9.                     {% block sas_blog_card_title_link %}
  10.                         <a href="{{ seoUrl('sas.frontend.blog.detail', { articleId: article.id }) }}"
  11.                            title="{{ article.translated.title }}"
  12.                            class="text-decoration-none">
  13.                             {{ article.translated.title }}
  14.                         </a>
  15.                     {% endblock %}
  16.                 </h2>
  17.                 <p class="d-flex align-items-center blog-date">
  18.                     <span
  19.                         class="mr-2">{{ article.publishedAt|format_date('short', locale=app.request.locale) }}</span>
  20.                     <span>{{ "tomRocket.element.blog.author"|trans~": "~article.author.lastname~" "~article.author.firstname }}</span>
  21.                 </p>
  22.             </div>
  23.         {% endblock %}
  24.         {% block sas_blog_card_body %}
  25.             <div class="card-body">
  26.                 {% block sas_blog_card_teaser_image %}
  27.                     <div class="blog-image-block">
  28.                         <a href="{{ seoUrl('sas.frontend.blog.detail', {'articleId': article.id}) }}"
  29.                            title="{{ article.translated.title }}"
  30.                            class="blog-image-link">
  31.                             {% if article.media.url %}
  32.                                 {% set attributes = {
  33.                                     'class': 'blog-image card-img-top',
  34.                                     'alt': (article.media.translated.alt ?: article.media.fileName),
  35.                                     'title': (article.media.translated.title ?: article.media.fileName)
  36.                                 } %}
  38.                                 {% sw_thumbnails 'blog-image-thumbnails' with {
  39.                                     media: article.media,
  40.                                     sizes: {
  41.                                         'xs': '330px',
  42.                                         'lg': '650px'
  43.                                     }
  44.                                 } %}
  45.                             {% else %}
  46.                                 <div class="blog-image-placeholder">
  47.                                     {% sw_icon 'placeholder' style {
  48.                                         'size': 'fluid'
  49.                                     } %}
  50.                                 </div>
  51.                             {% endif %}
  52.                         </a>
  53.                     </div>
  54.                 {% endblock %}
  56.                 <div class="d-flex flex-column card-right">
  57.                     {% block sas_blog_card_teaser %}
  58.                         <p class="card-text font-size-small mb-0">{{ article.translated.teaser }}</p>
  59.                     {% endblock %}
  61.                     {% block sas_blog_card_footer %}
  62.                         <div class="card-footer">
  63.                             {% block custom_blog_show_more_btn %}
  64.                                 <a href="{{ seoUrl('sas.frontend.blog.detail', { articleId: article.id }) }}"
  65.                                    class="btn btn-primary">
  66.                                     Mehr lesen
  67.                                 </a>
  68.                             {% endblock %}
  69.                         </div>
  70.                     {% endblock %}
  71.                 </div>
  72.             </div>
  73.         {% endblock %}
  74.     </article>
  75. {% endblock %}