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': '650px',
  33.                                     'sm': '650px',
  34.                                     'md': '650px',
  35.                                     'lg': '900px',
  36.                                     'xl': '1280px',
  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.                         {% set showAuthor = element.fieldconfig.elements.showAuthor.value ?? element.config.showAuthor.value %}
  50.                         {% set showCategory = element.fieldconfig.elements.showCategory.value ?? element.config.showCategory.value %}
  51.                         {% if showAuthor or showCategory %}
  52.                             <div class="sas-blog-detail-article-meta">
  53.                                 {% block sas_blog_detail_article_meta_author %}
  54.                                     {% if showAuthor and element.data.blogAuthor %}
  55.                                         {% sw_include '@Storefront/storefront/component/blog/_partials/_block_author.html.twig' with {
  56.                                             author: element.data.blogAuthor
  57.                                         } %}
  58.                                     {% endif %}
  59.                                 {% endblock %}
  61.                                 {% block sas_blog_detail_article_meta_categories %}
  62.                                     {% if showCategory and element.data.blogCategories %}
  63.                                         {% sw_include '@Storefront/storefront/component/blog/_partials/_block_category.html.twig' with {
  64.                                             categories: element.data.blogCategories
  65.                                         } %}
  66.                                     {% endif %}
  67.                                 {% endblock %}
  68.                             </div>
  69.                         {% endif %}
  70.                     {% endblock %}
  72.                     {% block sas_blog_detail_article_blocks_content %}
  73.                         <div>
  74.                             {{ element.data.translated.content|raw }}
  75.                         </div>
  76.                     {% endblock %}
  77.                 </div>
  78.             {% endblock %}
  79.         </article>
  80.     {% else %}
  81.         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  82.             type: "warning",
  83.             content: 'sas-blog.element.detail.warning.content'|trans,
  84.             heading: 'sas-blog.element.detail.warning.heading'|trans
  85.         } %}
  86.     {% endif %}
  87. {% endblock %}