custom/plugins/FourtwosixThemeExtension/src/Resources/views/storefront/layout/footer/fts-footer-advertising-item.html.twig line 1

Open in your IDE?
  1. {% block fts_footer_advertising_item %}
  2.     {% if fts_footer_global_horizontal %}
  3.         {% set footer_content_layout_class  = "d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-around" %}
  4.         {% set footer_text_container_class   = "my-3 my-lg-0 ml-lg-5 mr-lg-3" %}
  5.         {% set footer_media_class   = "d-flex align-items-center justify-content-center" %}
  6.         {% set footer_link_class   = "" %}
  7.         {% set footer_media_container_class   = "pl-lg-4" %}
  8.     {% else %}
  9.         {% set footer_content_layout_class  = "flex-column" %}
  10.         {% set footer_text_container_class   = "my-3" %}
  11.         {% set footer_media_class   = "" %}
  12.         {% set footer_link_class   = "" %}
  13.         {% set footer_media_container_class   = "py-lg-2" %}
  14.     {% endif %}
  16.     {# Define the main column HTML class based on the plugin config value #}
  17.     {% if(fts_layout_mode == constant('FourtwosixThemeExtension\\FourtwosixThemeExtension::FTS_LAYOUT_MODE_SPLIT')) %}
  18.         {% set fts_layout_col_size  = "col-lg-6" %}
  19.     {% elseif(fts_layout_mode == constant('FourtwosixThemeExtension\\FourtwosixThemeExtension::FTS_LAYOUT_MODE_STANDARD')) %}
  20.         {% set fts_layout_col_size  = "col-lg-12" %}
  21.     {% else %}
  22.         {# prevent everything from breaking layout by hiding it #}
  23.         {% set fts_layout_col_size  = "d-none" %}
  24.     {% endif %}
  26.     <div class="col-12 {{ fts_layout_col_size }} fts-footer-container d-flex align-items-center  justify-content-center {{ footer_link_class }}">
  27.         <a href="{{ fts_footer_link|trans }}" target="_blank"
  28.            class="cursor-pointer text-decoration-none d-flex  {{ foooter_link_class }}">
  30.             <div class="fts-footer-content {{ footer_content_layout_class }}">
  32.                 <div class="fts-footer-media-container order-fts-media  {{ footer_media_container_class }}">
  33.                     <div class="fts-footer-media {{ footer_media_class }}">
  35.                         {% if fts_footer_image %}
  36.                             {% set mediaCollection = searchMedia([fts_footer_image], context.context) %}
  37.                             {% set mediaImage = mediaCollection.get(fts_footer_image) %}
  38.                             {% sw_thumbnails 'thumbnails' with {
  39.                                 media: mediaImage
  40.                             } %}
  41.                         {% endif %}
  42.                     </div>
  43.                 </div>
  45.                 <div class="fts-footer-text-container order-fts-text {{ footer_text_container_class }} ">
  46.                     <h1 class="fts-footer-text-h1 order-fts-text-h1"
  47.                             {% if fts_footer_h1_color %}
  48.                                 style="color: {{ fts_footer_h1_color }}"
  49.                             {% endif %}
  50.                     >
  51.                         {{ fts_footer_h1_snippet|trans|sw_sanitize }}
  52.                     </h1>
  53.                     <h2 class="fts-footer-text-h2 order-fts-text-h2"
  54.                             {% if fts_footer_h2_color %}
  55.                                 style="color:{{ fts_footer_h2_color }}"
  56.                             {% endif %}
  57.                     >
  58.                         {{ fts_footer_h2_snippet|trans|sw_sanitize }}
  59.                     </h2>
  60.                 </div>
  61.             </div>
  63.         </a>
  64.     </div>
  67. {% endblock %}