custom/plugins/TcinnThemeWareLiving/src/Resources/views/storefront/themeware/extensions/twt-usp-bar.html.twig line 1

Open in your IDE?
  1. {# ThemeWare "USP bar" (Extension container) #}
  2. {#
  3.     Create container and include the USPs
  4.     type: header/footer
  6.     @Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig
  7. #}
  9. {# TODO: Blöcke prüfen... #}
  11. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  13. {# ThemeWare: Set theme variables #}
  14. {% set twtUspBarHeaderLayout = theme_config('twt-usp-bar-header-layout') %}
  15. {% set twtUspBarFooterLayout = theme_config('twt-usp-bar-footer-layout') %}
  16. {% set twtUspBarWidgetContent = theme_config('twt-usp-bar-widget-content') %}
  18. {% set twtUspBarBreakpointItem1 = theme_config('twt-usp-bar-breakpoint-item-1') %}
  19. {% set twtUspBarBreakpointItem2 = theme_config('twt-usp-bar-breakpoint-item-2') %}
  20. {% set twtUspBarBreakpointItem3 = theme_config('twt-usp-bar-breakpoint-item-3') %}
  21. {% set twtUspBarBreakpointItem4 = theme_config('twt-usp-bar-breakpoint-item-4') %}
  22. {% set twtUspBarBreakpointItem5 = theme_config('twt-usp-bar-breakpoint-item-5') %}
  23. {% set twtUspBarBreakpointItem6 = theme_config('twt-usp-bar-breakpoint-item-6') %}
  25. {# ThemeWare: Set layout and style for use in css classes #}
  26. {% set style = 0 %}
  27. {% set layout = 0 %}
  29. {# Header #}
  30. {% if type == "header" %}
  31.     {% if twtUspBarHeaderLayout == "1" %} {# Small icons #}
  32.         {% set style = "small" %}
  33.         {% set layout = "1" %}
  34.     {% endif %}
  36.     {% if twtUspBarHeaderLayout == "2" %} {# Small icons + Top bar #}
  37.         {% set style = "small" %}
  38.         {% set layout = "2" %}
  39.     {% endif %}
  41.     {% if twtUspBarHeaderLayout == "3" %} {# Small icons + Widget #}
  42.         {% set style = "small" %}
  43.         {% set layout = "3" %}
  44.     {% endif %}
  45. {% endif %}
  47. {# Footer #}
  48. {% if type == "footer" %}
  49.     {% if twtUspBarFooterLayout == "1" %} {# Small icons #}
  50.         {% set style = "small" %}
  51.         {% set layout = "1" %}
  52.     {% endif %}
  54.     {% if twtUspBarFooterLayout == "2" %} {# Large icons #}
  55.         {% set style = "large" %}
  56.         {% set layout = "2" %}
  57.     {% endif %}
  59.     {% if twtUspBarFooterLayout == "3" %} {# Large icons with subtitles #}
  60.         {% set style = "large" %}
  61.         {% set layout = "3" %}
  62.     {% endif %}
  63. {% endif %}
  65. {# ThemeWare: Count visible USPs #}
  66. {% set items = 0 %}
  68. {# USP bar item 1 #}
  69. {% if twtUspBarBreakpointItem1 > 1 %}
  70.     {% set items = items + 1 %}
  71. {% endif %}
  73. {# USP bar item 2 #}
  74. {% if twtUspBarBreakpointItem2 > 1 %}
  75.     {% set items = items + 1 %}
  76. {% endif %}
  78. {# USP bar item 3 #}
  79. {% if twtUspBarBreakpointItem3 > 1 %}
  80.     {% set items = items + 1 %}
  81. {% endif %}
  83. {# USP bar item 4 #}
  84. {% if twtUspBarBreakpointItem4 > 1 %}
  85.     {% set items = items + 1 %}
  86. {% endif %}
  88. {# USP bar item 5 #}
  89. {% if twtUspBarBreakpointItem5 > 1 %}
  90.     {% set items = items + 1 %}
  91. {% endif %}
  93. {# USP bar item 6 #}
  94. {% if twtUspBarBreakpointItem6 > 1 %}
  95.     {% set items = items + 1 %}
  96. {% endif %}
  98. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  100. {% block twt_usp_bar %}
  101.     {# ThemeWare: USP in Header and Footer   #customHeader #}
  102.     <section class="twt-usp-bar is-{% if type %}{{ type }}{% endif %} is-{{ style }} layout-{{ layout }}{% if alignment %} {{ alignment }}{% endif %}{% if twtUspBarHeaderLayout != 1 and type == "header" %} has-widget{% endif %}" data-twt-usps="{{ items }}">
  104.         {% block twt_usp_bar_container %}
  105.             <div class="twt-usp-bar-container">
  106.                 <div class="twt-usp-bar-items{% if twtUspBarHeaderLayout != 1 and type == "header" %} col{% endif %}">
  107.                     {% sw_include '@Storefront/storefront/themeware/includes/twt-usp-bar-include.html.twig' ignore missing with {
  108.                         type: type
  109.                     } %}
  110.                 </div>
  112.                 {# ThemeWare: Add Top bar to usp bar when usp bar layout (twt-usp-bar-header-layout) is "USP bar + Top bar" (2) #}
  113.                 {# TODO: Check if a parameter should be used in the top-bar.html.twig #}
  114.                 {% if twtUspBarHeaderLayout == 2 and type == "header" %}
  115.                     <div class="twt-widget is-top-bar col-auto d-none d-lg-flex">
  116.                         {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  117.                     </div>
  118.                 {% endif %}
  120.                 {# ThemeWare: Add widget to USP bar when usp bar layout (twt-usp-bar-header-layout) is "USP bar + Widget" (3) #}
  121.                 {% if twtUspBarHeaderLayout == 3 and type == "header" %}
  122.                     <div class="twt-widget is-widget col-auto d-none d-lg-flex">
  123.                         {% if twtUspBarWidgetContent == "communities" %}
  124.                             {% sw_include '@Storefront/storefront/themeware/widgets/twt-communities-include.html.twig' ignore missing with {
  125.                                 type: 'usp-bar'
  126.                             } %}
  127.                         {% endif %}
  128.                     </div>
  129.                 {% endif %}
  130.             </div>
  131.         {% endblock %}
  133.     </section>
  134. {% endblock %}