%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/businessmultisite/wp-content/themes/stripes_weekly/templates/components/header/
Upload File :
Create Path :
Current File : //var/www/businessmultisite/wp-content/themes/stripes_weekly/templates/components/header/main.twig

<section class="header--main">
    <div class="header--main--top">
        <button type="button" class="header--main--top--sidebar-toggle">
            <span></span>
            <span></span>
            <span></span>
        </button>
        <div class="header--main--top--logo">
            <a href="{{site.url}}">
                <img src="{{ options.header_logo.url }}" alt="{{ site.name }}">
            </a>
        </div>
        <div class="header--main--top--title">{{ options.header_message }}</div>
        {% if options.socials %}
        <div class="header--main--top--socials">
            <ul>
                {% for item in options.socials %}
                    {% if item.icon %}
                        <li><a href="{{ item.url }}" target="_blank">{{ item.icon }}</a></li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
        {% endif %}
    </div>
    <nav id="nav-main" class="header--main--nav" role="navigation">
        {% include "menu.twig" with {'items': menu.primary.get_items} %}
        {% if geo_menu %}
        <div class="header--main--geo">
            <button type="button" id="header--main--geo--toggle">
                <i class="fa-solid fa-globe"></i>
                {% if locations %}
                <span>{{ locations|length }}</span>
                {% endif %}
            </button>
            <div class="header--main--geo--selector" data-locations="{{ locations|join(',') }}">
                <div class="header--main--geo--selector--list">
                    <ul>
                    {% for term in geo_menu %}
                        <li>
                            <label>
                                <input type="checkbox" name="geo_{{ term.ID }}" id="geo_{{ term.ID }}"{% if locations and (term.ID in locations) %} checked{% endif %}>
                                <span>{{ term.name }}</span>
                            </label>
                            {% if term.children %}
                                <ul>
                                    {% for term_level_2 in term.children %}
                                        <li>
                                            <label>
                                                <input type="checkbox" name="geo_{{ term_level_2.ID }}" id="geo_{{ term_level_2.ID }}"{% if locations and (term_level_2.ID in locations) %} checked{% endif %}>
                                                <span>{{ term_level_2.name }}</span>
                                            </label>
                                            {% if term_level_2.children %}
                                                <ul>
                                                    {% for term_level_3 in term_level_2.children %}
                                                        <li>
                                                            <label>
                                                                <input type="checkbox" name="geo_{{ term_level_3.ID }}" id="geo_{{ term_level_3.ID }}"{% if locations and (term_level_3.ID in locations) %} checked{% endif %}>
                                                                <span>{{ term_level_3.name }}</span>
                                                            </label>
                                                        </li>
                                                    {% endfor  %}
                                                </ul>
                                            {% endif %}
                                        </li>
                                    {% endfor  %}
                                </ul>
                            {% endif %}
                        </li>
                    {% endfor %}
                    </ul>
                </div>	
                <div class="header--main--geo--selector--buttons">
                    <button type="button" class="header--main--geo--selector--close">STÄNG <i class="fa-solid fa-xmark"></i></button>	
                    <button type="button" class="header--main--geo--selector--apply" disabled>APPLY <i class="fa-solid fa-check"></i></button>
                </div>
                
            </div>
        </div>
        {% endif %}
    </nav>
</section>
<section class="sticky-header d-block d-lg-none">
    <div class="container">
        <div class="sticky-header--inner">
            <button type="button" class="sticky-header--sidebar-toggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <div class="sticky-header--logo">
                <a href="{{site.url}}">
                    <img src="{{ options.header_logo.url }}" alt="{{ site.name }}">
                </a>
            </div>
        </div>
    </div>
</section>

Zerion Mini Shell 1.0