custom/plugins/TcinnThemeWareClean/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 %}
  81.     {% endif %}
  83.     {# ThemeWare: USP bar item 2 #}
  84.     {% if twtUspBarBreakpointItem2 > 1 %}
  85.         {% set itemId = itemId + 1 %}
  87.         {% block twt_widget_usp_bar_item_2 %}
  88.             {% if itemsShow or maxitems >= 2 %}
  89.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-2"{% if "twt.extension.uspBar.usp2.tooltip"|trans is not empty %}
  90.                      data-toggle="tooltip"
  91.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  92.                      title="{{ "twt.extension.uspBar.usp2.tooltip"|trans }}"{% endif %}>
  93.                     <div class="item-icon">
  94.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  95.                             icon: "twt.extension.uspBar.usp2.icon"|trans
  96.                         } %}
  97.                     </div>
  98.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp2.subtitle"|trans is not empty %} is-hover{% endif %}">
  99.                         <div class="item-title">{{ "twt.extension.uspBar.usp2.title"|trans|raw }}</div>
  100.                         {% if "twt.extension.uspBar.usp2.subtitle"|trans is not empty and showSubtitles %}
  101.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp2.subtitle"|trans }}</div>
  102.                         {% endif %}
  103.                     </div>
  104.                 </div>
  105.             {% endif %}
  106.         {% endblock %}
  107.     {% endif %}
  109.     {# ThemeWare: USP bar item 3 #}
  110.     {% if twtUspBarBreakpointItem3 > 1 %}
  111.         {% set itemId = itemId + 1 %}
  113.         {% block twt_widget_usp_bar_item_3 %}
  114.             {% if itemsShow or maxitems >= 3 %}
  115.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-3"{% if "twt.extension.uspBar.usp3.tooltip"|trans is not empty %}
  116.                      data-toggle="tooltip"
  117.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  118.                      title="{{ "twt.extension.uspBar.usp3.tooltip"|trans }}"{% endif %}>
  119.                     <div class="item-icon">
  120.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  121.                             icon: "twt.extension.uspBar.usp3.icon"|trans
  122.                         } %}
  123.                     </div>
  124.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp3.subtitle"|trans is not empty %} is-hover{% endif %}">
  125.                         <div class="item-title">{{ "twt.extension.uspBar.usp3.title"|trans|raw }}</div>
  126.                         {% if "twt.extension.uspBar.usp3.subtitle"|trans is not empty and showSubtitles %}
  127.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp3.subtitle"|trans }}</div>
  128.                         {% endif %}
  129.                     </div>
  130.                 </div>
  131.             {% endif %}
  132.         {% endblock %}
  133.     {% endif %}
  135.     {# ThemeWare: USP bar item 4 #}
  136.     {% if twtUspBarBreakpointItem4 > 1 %}
  137.         {% set itemId = itemId + 1 %}
  139.         {% block twt_widget_usp_bar_item_4 %}
  140.             {% if itemsShow or maxitems >= 4 %}
  141.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-4"{% if "twt.extension.uspBar.usp4.tooltip"|trans is not empty %}
  142.                      data-toggle="tooltip"
  143.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  144.                      title="{{ "twt.extension.uspBar.usp4.tooltip"|trans }}"{% endif %}>
  145.                     <div class="item-icon">
  146.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  147.                             icon: "twt.extension.uspBar.usp4.icon"|trans
  148.                         } %}
  149.                     </div>
  150.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp4.subtitle"|trans is not empty %} is-hover{% endif %}">
  151.                         <div class="item-title">{{ "twt.extension.uspBar.usp4.title"|trans|raw }}</div>
  152.                         {% if "twt.extension.uspBar.usp4.subtitle"|trans is not empty and showSubtitles %}
  153.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp4.subtitle"|trans }}</div>
  154.                         {% endif %}
  155.                     </div>
  156.                 </div>
  157.             {% endif %}
  158.         {% endblock %}
  159.     {% endif %}
  161.     {# ThemeWare: USP bar item 5 #}
  162.     {% if twtUspBarBreakpointItem5 > 1 %}
  163.         {% set itemId = itemId + 1 %}
  165.         {% block twt_widget_usp_bar_item_5 %}
  166.             {% if itemsShow or maxitems >= 5 %}
  167.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-5"{% if "twt.extension.uspBar.usp5.tooltip"|trans is not empty %}
  168.                      data-toggle="tooltip"
  169.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  170.                      title="{{ "twt.extension.uspBar.usp5.tooltip"|trans }}"{% endif %}>
  171.                     <div class="item-icon">
  172.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  173.                             icon: "twt.extension.uspBar.usp5.icon"|trans
  174.                         } %}
  175.                     </div>
  176.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp5.subtitle"|trans is not empty %} is-hover{% endif %}">
  177.                         <div class="item-title">{{ "twt.extension.uspBar.usp5.title"|trans|raw }}</div>
  178.                         {% if "twt.extension.uspBar.usp5.subtitle"|trans is not empty and showSubtitles %}
  179.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp5.subtitle"|trans }}</div>
  180.                         {% endif %}
  181.                     </div>
  182.                 </div>
  183.             {% endif %}
  184.         {% endblock %}
  185.     {% endif %}
  187.     {# ThemeWare: USP bar item 6 #}
  188.     {% if twtUspBarBreakpointItem6 > 1 %}
  189.         {% set itemId = itemId + 1 %}
  191.         {% block twt_widget_usp_bar_item_6 %}
  192.             {% if itemsShow or maxitems >= 6 %}
  193.                 <div class="twt-usp-bar-item twt-usp-{{ itemId }} item-6"{% if "twt.extension.uspBar.usp6.tooltip"|trans is not empty %}
  194.                      data-toggle="tooltip"
  195.                      data-placement="{% if type == "header" %}bottom{% else %}top{% endif %}"
  196.                      title="{{ "twt.extension.uspBar.usp6.tooltip"|trans }}"{% endif %}>
  197.                     <div class="item-icon">
  198.                         {% sw_include '@Storefront/storefront/themeware/twt-icons.html.twig' ignore missing with {
  199.                             icon: "twt.extension.uspBar.usp6.icon"|trans
  200.                         } %}
  201.                     </div>
  202.                     <div class="item-label{% if isHover and "twt.extension.uspBar.usp6.subtitle"|trans is not empty %} is-hover{% endif %}">
  203.                         <div class="item-title">{{ "twt.extension.uspBar.usp6.title"|trans|raw }}</div>
  204.                         {% if "twt.extension.uspBar.usp6.subtitle"|trans is not empty and showSubtitles %}
  205.                             <div class="item-subtitle">{{ "twt.extension.uspBar.usp6.subtitle"|trans }}</div>
  206.                         {% endif %}
  207.                     </div>
  208.                 </div>
  209.             {% endif %}
  210.         {% endblock %}
  211.     {% endif %}
  212. {% endblock %}