{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}
{% block layout_header_top_bar %}
<div class="top-bar d-block" style="background: {{ theme_config('sw-background-topbar')|default('#202020') }}; color: {{ theme_config('sw-color-topbar')|default('#fff') }}">
<div class="container">
<div class="container">
<nav class="top-bar-nav">
{% block layout_header_top_bar_content %}
<ul class="decomtheme-small-content" style="list-style: none;">
{% if theme_config('sw-top-bar-content-small-text') %}
<li>
{{ theme_config('sw-top-bar-content-small-text') }}
{% if theme_config('sw-top-bar-content-small-linkText') %}
<a href="{% if theme_config('sw-top-bar-content-small-link') %}{{ theme_config('sw-top-bar-content-small-link') }}{% else %}#{% endif %}">
{{ theme_config('sw-top-bar-content-small-linkText') }}
</a>
{% endif %}
</li>
{% endif %}
</ul>
<ul class="decomtheme-content" style="list-style: none;">
{% block layout_header_top_bar_content_line1 %}
{% if theme_config('sw-top-bar-content-line1-text') %}
<li>
{{ theme_config('sw-top-bar-content-line1-text') }}
{% if theme_config('sw-top-bar-content-line1-linkText') %}
<a href="{% if theme_config('sw-top-bar-content-line1-link') %}{{ theme_config('sw-top-bar-content-line1-link') }}{% else %}#{% endif %}">
{{ theme_config('sw-top-bar-content-line1-linkText') }}
</a>
{% endif %}
</li>
{% endif %}
{% endblock %}
{% block layout_header_top_bar_content_line2 %}
{% if theme_config('sw-top-bar-content-line2-text') %}
<li>
{{ theme_config('sw-top-bar-content-line2-text') }}
{% if theme_config('sw-top-bar-content-line2-linkText') %}
<a href="{% if theme_config('sw-top-bar-content-line2-link') %}{{ theme_config('sw-top-bar-content-line2-link') }}{% else %}#{% endif %}">
{{ theme_config('sw-top-bar-content-line2-linkText') }}
</a>
{% endif %}
</li>
{% endif %}
{% endblock %}
{% block layout_header_top_bar_content_line3 %}
{% if theme_config('sw-top-bar-content-line3-text') %}
<li>
{{ theme_config('sw-top-bar-content-line3-text') }}
{% if theme_config('sw-top-bar-content-line3-linkText') %}
<a href="{% if theme_config('sw-top-bar-content-line3-link') %}{{ theme_config('sw-top-bar-content-line3-link') }}{% else %}#{% endif %}">
{{ theme_config('sw-top-bar-content-line3-linkText') }}
</a>
{% endif %}
</li>
{% endif %}
{% endblock %}
</ul>
{% endblock %}
{% block layout_header_top_bar_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% endblock %}
{% block layout_header_top_bar_currency %}
{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{% endblock %}
{% block layout_header_top_bar_service %}
{% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget.html.twig' %}
{% endblock %}
{% block layout_header_socials %}
<ul class="decomtheme-socials" style="list-style: none;">
<li class="topbar--blog">
{{ "topbar.blog"|trans|sw_sanitize }}
</li>
<li class="language-switch" data-language-switch>
<a class="btn unset-select" style="padding-top: 0px;padding-right:0px" href="javascript:void(0)"><img src="{{ asset('bundles/decomtheme/assets/images/deutsch.jpg') }}"/></a>
<a class="btn english-select" style="padding-top: 0px;padding-right:0px" href="javascript:void(0)"><img src="{{ asset('bundles/decomtheme/assets/images/englisch.jpg') }}"/></a>
<a class="btn france-select" style="padding-top: 0px;padding-right:0px" href="javascript:void(0)"><img src="{{ asset('bundles/decomtheme/assets/images/france.jpg') }}"/></a>
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'de',
includedLanguages: "en,fr",
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
{% block layout_header_socials_facebook %}
{% if theme_config('sw-socials-facebook-link') %}
<li>
<a href="{{ theme_config('sw-socials-facebook-link') }}" target="_blank" rel="nofollow">
{% sw_icon 'facebook-icon' style {'namespace': 'DecomTheme' } %}
</a>
</li>
{% endif %}
{% endblock %}
{% block layout_header_socials_instagram %}
{% if theme_config('sw-socials-instagram-link') %}
<li>
<a href="{{ theme_config('sw-socials-instagram-link') }}" target="_blank" rel="nofollow">
{% sw_icon 'instagram-icon' style {'namespace': 'DecomTheme' } %}
</a>
</li>
{% endif %}
{% endblock %}
{% block layout_header_socials_youtube %}
{% if theme_config('sw-socials-youtube-link') %}
<li>
<a href="{{ theme_config('sw-socials-youtube-link') }}" target="_blank" rel="nofollow">
{% sw_icon 'youtube-icon' style {'namespace': 'DecomTheme' } %}
</a>
</li>
{% endif %}
{% endblock %}
</li>
</ul>
{% endblock %}
</nav>
</div>
</div>
</div>
{% endblock %}