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

Open in your IDE?
  1. {# ThemeWare "USP bar" content #}
  2. {#
  3.     type: header/footer
  5.     @Storefront/storefront/themeware/includes/twt-usp-bar-include.html.twig
  6. #}
  8. {# TODO: Blöcke prüfen... #}
  10. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  12. {# ThemeWare: Set theme variables #}
  13. {% set twtUspBarBreakpointItem1 = theme_config('twt-usp-bar-breakpoint-item-1') %}
  14. {% set twtUspBarBreakpointItem2 = theme_config('twt-usp-bar-breakpoint-item-2') %}
  15. {% set twtUspBarBreakpointItem3 = theme_config('twt-usp-bar-breakpoint-item-3') %}
  16. {% set twtUspBarBreakpointItem4 = theme_config('twt-usp-bar-breakpoint-item-4') %}
  17. {% set twtUspBarBreakpointItem5 = theme_config('twt-usp-bar-breakpoint-item-5') %}
  18. {% set twtUspBarBreakpointItem6 = theme_config('twt-usp-bar-breakpoint-item-6') %}
  20. {% set twtUspBarHeaderLayout = theme_config('twt-usp-bar-header-layout') %}
  21. {% set twtUspBarFooterLayout = theme_config('twt-usp-bar-footer-layout') %}
  23. {# ThemeWare: Set USPs #}
  24. {# removed #}
  26. {# ThemeWare: Determine if subtitels should be shown #}
  27. {% set showSubtitles = false %}
  29. {# Determine if subtitles should have a hover effect #}
  30. {% set isHover = false %} {# TODO: For header layout "Small icon with subtitles" #}
  32. {# Header #}
  33. {# TODO: Add header layout "Small icon with subtitles" #}
  35. {# Footer #}
  36. {% if type == "footer" and twtUspBarFooterLayout == 3 %}
  37.     {% set showSubtitles = true %}
  38. {% endif %}
  40. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  42. {# ThemeWare: USP bar items #}
  43. {% block twt_usp_bar_content %}
  44.     {# ThemeWare: Check 'maxitems' (= $twt-widget-benefits-content-max-items (only in 'Benefits widget')) #}
  45.     {% if maxitems %}
  46.         {# maxitems is set = benefits widget #}
  47.         {% set itemsShow = false %}
  48.     {% else %}
  49.         {# maxitems is not set = usp-bar #}
  50.         {% set itemsShow = true %}
  51.     {% endif %}
  53.     {% set itemId = 0 %}
  54.     {# TODO: set itemFirst = 0 ?! #}
  55.     {# TODO: set itemLast = 0 ?! #}
  57.     {# ThemeWare: USP bar item 1 #}
  58.     {% if twtUspBarBreakpointItem1 > 1 %}
  59.         {% set itemId = itemId + 1 %}
  61.         {% block twt_widget_usp_bar_item_1 %}
  62.             {% if itemsShow or maxitems >= 1 %}
  63.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-1"{% if "twt.extension.uspBar.usp1.tooltip"|trans is not empty %}
  64.                      data-toggle="tooltip"
  65.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  66.                      title="{{ "twt.extension.uspBar.usp1.tooltip"|trans }}"{% endif %}>
  67.                     <div class="item-icon">
  68.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  69.                             icon: "twt.extension.uspBar.usp1.icon"|trans
  70.                         } %}
  71.                     </div>
  72.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp1.subtitle"|trans is not empty %} is-hover{% endif %}">
  73.                         <div class="item-title">{{ "twt.extension.uspBar.usp1.title"|trans|raw }}</div>
  74.                         {% if "twt.extension.uspBar.usp1.subtitle"|trans is not empty and showSubtitles %}
  75.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp1.subtitle"|trans }}</div>
  76.                         {% endif %}
  77.                     </div>
  78.                 </div>
  79.             {% endif %}
  80.         {% endblock %}
  82.     {% endif %}
  84.     {# ThemeWare: USP bar item 2 #}
  85.     {% if twtUspBarBreakpointItem2 > 1 %}
  86.         {% set itemId = itemId + 1 %}
  88.         {% block twt_widget_usp_bar_item_2 %}
  89.             {% if itemsShow or maxitems >= 2 %}
  90.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-2"{% if "twt.extension.uspBar.usp2.tooltip"|trans is not empty %}
  91.                      data-toggle="tooltip"
  92.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  93.                      title="{{ "twt.extension.uspBar.usp2.tooltip"|trans }}"{% endif %}>
  94.                     <div class="item-icon">
  95.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  96.                             icon: "twt.extension.uspBar.usp2.icon"|trans
  97.                         } %}
  98.                     </div>
  99.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp2.subtitle"|trans is not empty %} is-hover{% endif %}">
  100.                         <div class="item-title">{{ "twt.extension.uspBar.usp2.title"|trans|raw }}</div>
  101.                         {% if "twt.extension.uspBar.usp2.subtitle"|trans is not empty and showSubtitles %}
  102.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp2.subtitle"|trans }}</div>
  103.                         {% endif %}
  104.                     </div>
  105.                 </div>
  106.             {% endif %}
  107.         {% endblock %}
  109.     {% endif %}
  111.     {# ThemeWare: USP bar item 3 #}
  112.     {% if twtUspBarBreakpointItem3 > 1 %}
  113.         {% set itemId = itemId + 1 %}
  115.         {% block twt_widget_usp_bar_item_3 %}
  116.             {% if itemsShow or maxitems >= 3 %}
  117.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-3"{% if "twt.extension.uspBar.usp3.tooltip"|trans is not empty %}
  118.                      data-toggle="tooltip"
  119.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  120.                      title="{{ "twt.extension.uspBar.usp3.tooltip"|trans }}"{% endif %}>
  121.                     <div class="item-icon">
  122.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  123.                             icon: "twt.extension.uspBar.usp3.icon"|trans
  124.                         } %}
  125.                     </div>
  126.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp3.subtitle"|trans is not empty %} is-hover{% endif %}">
  127.                         <div class="item-title">{{ "twt.extension.uspBar.usp3.title"|trans|raw }}</div>
  128.                         {% if "twt.extension.uspBar.usp3.subtitle"|trans is not empty and showSubtitles %}
  129.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp3.subtitle"|trans }}</div>
  130.                         {% endif %}
  131.                     </div>
  132.                 </div>
  133.             {% endif %}
  134.         {% endblock %}
  136.     {% endif %}
  138.     {# ThemeWare: USP bar item 4 #}
  139.     {% if twtUspBarBreakpointItem4 > 1 %}
  140.         {% set itemId = itemId + 1 %}
  142.         {% block twt_widget_usp_bar_item_4 %}
  143.             {% if itemsShow or maxitems >= 4 %}
  144.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-4"{% if "twt.extension.uspBar.usp4.tooltip"|trans is not empty %}
  145.                      data-toggle="tooltip"
  146.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  147.                      title="{{ "twt.extension.uspBar.usp4.tooltip"|trans }}"{% endif %}>
  148.                     <div class="item-icon">
  149.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  150.                             icon: "twt.extension.uspBar.usp4.icon"|trans
  151.                         } %}
  152.                     </div>
  153.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp4.subtitle"|trans is not empty %} is-hover{% endif %}">
  154.                         <div class="item-title">{{ "twt.extension.uspBar.usp4.title"|trans|raw }}</div>
  155.                         {% if "twt.extension.uspBar.usp4.subtitle"|trans is not empty and showSubtitles %}
  156.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp4.subtitle"|trans }}</div>
  157.                         {% endif %}
  158.                     </div>
  159.                 </div>
  160.             {% endif %}
  161.         {% endblock %}
  163.     {% endif %}
  165.     {# ThemeWare: USP bar item 5 #}
  166.     {% if twtUspBarBreakpointItem5 > 1 %}
  167.         {% set itemId = itemId + 1 %}
  169.         {% block twt_widget_usp_bar_item_5 %}
  170.             {% if itemsShow or maxitems >= 5 %}
  171.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-5"{% if "twt.extension.uspBar.usp5.tooltip"|trans is not empty %}
  172.                      data-toggle="tooltip"
  173.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  174.                      title="{{ "twt.extension.uspBar.usp5.tooltip"|trans }}"{% endif %}>
  175.                     <div class="item-icon">
  176.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  177.                             icon: "twt.extension.uspBar.usp5.icon"|trans
  178.                         } %}
  179.                     </div>
  180.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp5.subtitle"|trans is not empty %} is-hover{% endif %}">
  181.                         <div class="item-title">{{ "twt.extension.uspBar.usp5.title"|trans|raw }}</div>
  182.                         {% if "twt.extension.uspBar.usp5.subtitle"|trans is not empty and showSubtitles %}
  183.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp5.subtitle"|trans }}</div>
  184.                         {% endif %}
  185.                     </div>
  186.                 </div>
  187.             {% endif %}
  188.         {% endblock %}
  190.     {% endif %}
  192.     {# ThemeWare: USP bar item 6 #}
  193.     {% if twtUspBarBreakpointItem6 > 1 %}
  194.         {% set itemId = itemId + 1 %}
  196.         {% block twt_widget_usp_bar_item_6 %}
  197.             {% if itemsShow or maxitems >= 6 %}
  198.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-6"{% if "twt.extension.uspBar.usp6.tooltip"|trans is not empty %}
  199.                      data-toggle="tooltip"
  200.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  201.                      title="{{ "twt.extension.uspBar.usp6.tooltip"|trans }}"{% endif %}>
  202.                     <div class="item-icon">
  203.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  204.                             icon: "twt.extension.uspBar.usp6.icon"|trans
  205.                         } %}
  206.                     </div>
  207.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp6.subtitle"|trans is not empty %} is-hover{% endif %}">
  208.                         <div class="item-title">{{ "twt.extension.uspBar.usp6.title"|trans|raw }}</div>
  209.                         {% if "twt.extension.uspBar.usp6.subtitle"|trans is not empty and showSubtitles %}
  210.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp6.subtitle"|trans }}</div>
  211.                         {% endif %}
  212.                     </div>
  213.                 </div>
  214.             {% endif %}
  215.         {% endblock %}
  217.     {% endif %}
  218. {% endblock %}