vendor/store.shopware.com/h1webblog/src/Resources/views/storefront/component/h1webblog/card/box.html.twig line 1

Open in your IDE?
  1. {% block component_h1webblog_box %}
  2.     {% if blog %}
  3.         {% set name = blog.translated.title %}
  4.         {% set id = blog.id %}
  5.         {% set cover = blog.media %}
  7.         <div class="card h-100">
  8.             {% block component_h1webblog_box_content %}
  9.                 {% block component_h1webblog_box_image %}
  10.                     <a href="{{ seoUrl('frontend.h1webblog.blog', {'id': id}) }}"
  11.                            title="{{ name }}"
  12.                            class="h1webblog-image-link is-{{ displayMode }}">
  14.                             <div class="blog-image">
  15.                                 {% if cover.url %}
  16.                                     {% set attributes = {
  17.                                         'class': 'h1webblog-image is-'~displayMode,
  18.                                         'alt': (cover.translated.alt ?: name),
  19.                                         'title': (cover.translated.title ?: name),
  20.                                         'loading': 'lazy'
  21.                                     } %}
  23.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  24.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  25.                                     {% endif %}
  27.                                     {% sw_thumbnails 'h1webblog-image-thumbnails' with {
  28.                                         media: cover,
  29.                                         sizes: {
  30.                                             'xs': '501px',
  31.                                             'sm': '315px',
  32.                                             'md': '427px',
  33.                                             'lg': '333px',
  34.                                             'xl': '284px'
  35.                                         }
  36.                                     } %}
  37.                                 {% else %}
  38.                                     <div class="h1webblog-image-placeholder">
  39.                                         {% sw_icon 'placeholder' style {
  40.                                             'size': 'fluid'
  41.                                         } %}
  42.                                     </div>
  43.                                 {% endif %}
  44.                             </div>
  45.                         </a>
  46.                 {% endblock %}
  48.                 {% block component_h1webblog_box_info %}
  49.                     <div class="h1webblog-info p-4">
  50.                         {% block component_h1webblog_box_tag %}
  51.                             <div>
  52.                             {% if tagAmount != 0 %}
  53.                                 {% for tag in blog.tags.elements|slice(0,tagAmount) %}
  54.                                     <a href="{{ seoUrl('frontend.h1webblog.tag_overview', {'tagId': tag.id}) }}" class="tag d-inline-block mb-2">
  55.                                         {{ tag.name }}
  56.                                     </a>
  57.                                 {% endfor %}
  58.                             {% endif %}
  59.                             </div>
  60.                         {% endblock %}
  62.                         {% block component_h1webblog_box_name %}
  63.                             <h3 class="h6 mb-0">
  64.                                 <a href="{{ seoUrl('frontend.h1webblog.blog', {'id': id}) }}">{{ name }}</a>
  65.                             </h3>
  66.                         {% endblock %}
  68.                         {% block component_h1webblog_box_short_content %}
  69.                             {% if not hideDescription %}
  70.                             <div class="mb-0">
  71.                                 {{ blog.translated.shortContent|raw }}
  72.                             </div>
  73.                             {% endif %}
  75.                             {% if readMoreButton %}
  76.                                 <div class="h1webblog-read-more">
  77.                                     <a href="{{ seoUrl('frontend.h1webblog.blog', {'id': id}) }}" class="btn btn-sm btn-outline-dark">
  78.                                         {{ "h1.blogReadMore"|trans|sw_sanitize }}
  79.                                     </a>
  80.                                 </div>
  81.                             {% endif %}
  82.                         {% endblock %}
  83.                     </div>
  84.                 {% endblock %}
  85.             {% endblock %}
  86.         </div>
  87.     {% endif %}
  88. {% endblock %}