custom/plugins/SasBlogModule/src/Resources/views/storefront/element/cms-element-blog-detail.html.twig line 1

Open in your IDE?
  1. {% block sas_blog_detail %}
  2.     {% if element.data %}
  3.         <article class="sas-blog-detail row"
  4.              itemprop="article"
  5.              itemscope
  6.              itemtype="https://schema.org/BlogPosting">
  8.             {% block sas_blog_detail_article_item_meta_published %}
  9.                 <meta itemprop="datePublished" content="{{ product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  10.             {% endblock %}
  12.             {% block page_product_detail_review_item_info_date %}
  13.                 <div class="col-12 sas-blog-detail-item-date">
  14.                     <p><small>{{ element.data.publishedAt|format_date('short', locale=app.request.locale) }}</small></p>
  15.                 </div>
  16.             {% endblock %}
  18.             {% block sas_blog_detail_article_blocks %}
  19.                 <div class="col-12 sas-blog-detail-article">
  21.                     {% block sas_blog_detail_article_teaser_image %}
  22.                         {% if element.data.detailTeaserImage %}
  23.                             {% set attributes = {
  24.                                 'class': 'blog-image-teaser card-img-top mb-3',
  25.                                 'alt': (element.data.media.translated.alt ?: element.data.media.fileName),
  26.                                 'title': (element.data.media.translated.title ?: element.data.media.fileName)
  27.                             } %}
  29.                             {% sw_thumbnails 'blog-image-teaser' with {
  30.                                     media: element.data.media,
  31.                                     sizes: {
  32.                                     'xs': '501px',
  33.                                     'sm': '315px',
  34.                                     'md': '427px',
  35.                                     'lg': '333px',
  36.                                     'xl': '284px'
  37.                                 }
  38.                             } %}
  39.                         {% endif %}
  40.                     {% endblock %}
  42.                     {% block sas_blog_detail_article_title %}
  43.                         <h1 class="sas-blog-detail-title" itemprop="headline">
  44.                             {{ element.data.translated.title }}
  45.                         </h1>
  46.                     {% endblock %}
  48.                     {% block sas_blog_detail_article_meta %}
  49.                         {% if element.fieldconfig.elements.showAuthor.value or element.fieldconfig.elements.showCategory.value %}
  50.                             <div class="sas-blog-detail-article-meta">
  51.                                 {% block sas_blog_detail_article_meta_author %}
  52.                                     {% if element.fieldconfig.elements.showAuthor.value and element.data.author %}
  53.                                         {% sw_include '@Storefront/storefront/component/blog/_partials/_block_author.html.twig' with {
  54.                                             author: element.data.author
  55.                                         } %}
  56.                                     {% endif %}
  57.                                 {% endblock %}
  59.                                 {% block sas_blog_detail_article_meta_categories %}
  60.                                     {% if element.fieldconfig.elements.showCategory.value and element.data.blogCategories %}
  61.                                         {% sw_include '@Storefront/storefront/component/blog/_partials/_block_category.html.twig' with {
  62.                                             categories: element.data.blogCategories
  63.                                         } %}
  64.                                     {% endif %}
  65.                                 {% endblock %}
  66.                             </div>
  67.                         {% endif %}
  68.                     {% endblock %}
  70.                     {% block sas_blog_detail_article_blocks_content %}
  71.                         <div>
  72.                             {{ element.data.translated.content|raw }}
  73.                         </div>
  74.                     {% endblock %}
  75.                 </div>
  76.             {% endblock %}
  77.         </article>
  78.     {% else %}
  79.         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  80.             type: "warning",
  81.             content: 'sas-blog.element.detail.warning.content'|trans,
  82.             heading: 'sas-blog.element.detail.warning.heading'|trans
  83.         } %}
  84.     {% endif %}
  85. {% endblock %}