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

Open in your IDE?
  1. {% block component_post_box %}
  2.     {% if post %}
  3.         {% set name = post.translated.title %}
  4.         {% set id = post.id %}
  5.         {% set cover = post.cover.media %}
  7.         <div class="card post-box box-{{ layout }}">
  8.             {% block component_post_box_content %}
  9.                 <div class="card-body">
  10.                      {% block component_post_box_image %}
  11.                         <div class="post-image-wrapper">
  12.                             {% set displayMode = 'standard' %}
  14.                             {# set display mode 'cover' for box-image with standard display mode #}
  15.                             {% if layout == 'image' and displayMode == 'standard' %}
  16.                                 {% set displayMode = 'contain' %}
  17.                             {% endif %}
  19.                             <a href="{{ seoUrl('frontend.blog.detail', {'postId': id}) }}"
  20.                                title="{{ name }}"
  21.                                class="post-image-link is-{{ displayMode }}">
  22.                                 {% if cover.url %}
  23.                                     {% set attributes = {
  24.                                         'class': 'post-image is-'~displayMode,
  25.                                         'alt': (cover.translated.alt ?: name),
  26.                                         'title': (cover.translated.title ?: name)
  27.                                     } %}
  29.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  30.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  31.                                     {% endif %}
  33.                                     {% sw_thumbnails 'post-image-thumbnails' with {
  34.                                         media: cover,
  35.                                         sizes: {
  36.                                             'xs': '501px',
  37.                                             'sm': '315px',
  38.                                             'md': '427px',
  39.                                             'lg': '333px',
  40.                                             'xl': '284px'
  41.                                         }
  42.                                     } %}
  43.                                 {% else %}
  44.                                     <div class="post-image-placeholder">
  45.                                         {% sw_icon 'placeholder' style {
  46.                                             'size': 'fluid'
  47.                                         } %}
  48.                                     </div>
  49.                                 {% endif %}
  50.                             </a>
  51.                         </div>
  52.                     {% endblock %}
  54.                     {% block component_post_box_info %}
  55.                         <div class="post-info">
  56.                             {% block component_post_box_name %}
  57.                                 <a href="{{ seoUrl('frontend.blog.detail', {'postId': id}) }}"
  58.                                    class="post-name"
  59.                                    title="{{ name }}">
  60.                                     {{ name }}
  61.                                 </a>
  62.                             {% endblock %}
  64.                             {% block component_post_box_description %}
  65.                                 <div class="post-description">
  66.                                     {{ post.translated.shortDescription|striptags|raw }}
  67.                                 </div>
  68.                             {% endblock %}
  69.                         </div>
  70.                         {% block component_post_box_action %}
  71.                             {% sw_include '@Storefront/storefront/component/blog/card/action.html.twig' %}
  72.                         {% endblock %}
  73.                     {% endblock %}
  74.                 </div>
  75.             {% endblock %}
  76.         </div>
  77.     {% endif %}
  78. {% endblock %}