{% sw_extends '@Storefront/storefront/base.html.twig' %}{% block base_html %}<html lang="{{ page.header.activeLanguage.translationCode.code }}" itemscope="itemscope" itemtype="https://schema.org/WebPage">{% endblock %}{% block base_body %} {{ parent() }}{% endblock %}{% block base_header %} <div class="header-wrapper" data-sticky="true"> <header> <div class="pre-header"> <div class="container"> <div class="pre-header__row"> <ul class="pre-header-logo-list"> <li class="pre-header-logo-list__item"> <a class="pre-header-logo-list__link" href="{{ 'asus.preHeaderLogoOneLink'|trans|striptags|replace({'[home]/' : url('frontend.home.page')}) }}" target="_blank" title="{{ 'asus.preHeaderLogoOneTitle'|trans|striptags }}" aria-label="{{ 'asus.preHeaderLogoOneTitle'|trans|striptags }}"> {% sw_icon 'rog-gray' style { 'pack':'default' } %} </a> </li> <li class="pre-header-logo-list__item"> <a class="pre-header-logo-list__link" href="{{ 'asus.preHeaderLogoTwoLink'|trans|striptags|replace({'[home]/' : url('frontend.home.page')}) }}" target="_blank" title="{{ 'asus.preHeaderLogoTwoTitle'|trans|striptags }}" aria-label="{{ 'asus.preHeaderLogoTwoTitle'|trans|striptags }}"> {% sw_icon 'proArt-gray' style { 'pack':'default' } %} </a> </li> </ul> <ul class="pre-header-list"> {% block sw_asus_pre_header_homepage_link %} <li class="pre-header-list__item"> <a class="pre-header-logo-list__link -is-direct-link" href="{{ 'asus.preHeaderAsusHomepageLink'|trans|striptags }}" target="_blank" title="{{ 'asus.preheaderAsusHomepage'|trans|striptags }}"> {{ 'asus.preheaderAsusHomepage'|trans|striptags|replace({'[home]/' : url('frontend.home.page')}) }} </a> </li> {% endblock %} {% block sw_asus_pre_header_dropdowns %} <li class="pre-header-list__item"> <div class="dropdown"> <a class="dropdown-toggle pre-header-logo-list__link" id="preHeaderDropdownTwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ 'asus.preHeaderDropdownTwoText'|trans|striptags }}" aria-label="{{ 'asus.preHeaderDropdownTwoText'|trans|striptags }}" role="button"> {{ 'asus.preHeaderDropdownTwoText'|trans|striptags }} </a> <div class="dropdown-menu" aria-labelledby="preHeaderDropdownTwo"> <a class="dropdown-item" href="{{ 'asus.preHeaderDropdownTwoLinkOne'|trans|striptags|replace({'[home]/' : url('frontend.home.page')}) }}" target="_blank" title="{{ 'asus.preHeaderDropdownTwoTextOne'|trans|striptags }}" aria-label="{{ 'asus.preHeaderDropdownTwoTextOne'|trans|striptags }}">{{ 'asus.preHeaderDropdownTwoTextOne'|trans|striptags }}</a> <a class="dropdown-item" href="{{ 'asus.preHeaderDropdownTwoLinkTwo'|trans|striptags|replace({'[home]/' : url('frontend.home.page')}) }}" target="_blank" title="{{ 'asus.preHeaderDropdownTwoTextTwo'|trans|striptags }}" aria-label="{{ 'asus.preHeaderDropdownTwoTextTwo'|trans|striptags }}">{{ 'asus.preHeaderDropdownTwoTextTwo'|trans|striptags }}</a> </div> </div> </li> {% endblock %} {% block sw_asus_channel_languages %} <li class="pre-header-list__item"> {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %} </li> {% endblock %} </ul> </div> </div> </div> <div class="header-main"> {% block base_header_inner %} {% if page.cmsPage.type == "landingpage" %} <h1 style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;"> {{ page.metainformation.metaTitle|default('ASUS Webshop') }} </h1> {% endif %} {{ parent() }} {% endblock %} </div> </header> {% block zenit_features_bar_extends_header_top %} {% set zenFeaturesBar = context.context.extensions['zenitPlatformFeaturesBar'].config %} {% if zenFeaturesBar.active and zenFeaturesBar.positionTop == 'headerTop' %} {% sw_include '@Storefront/storefront/features-bar/features-bar.html.twig' with { position: zenFeaturesBar.position } %} {% endif %} {% endblock %} </div>{% endblock %}{% block base_main_container %} <div class="container-main"> <div style="position:relative;"> <div class="alert-wrapper"> <div id="quantity-alert" role="alert" class="alert alert-secondary alert-dismissible fade alert-has-icon d-none alert-container" > <span class="icon icon-info"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/> </svg> </span> <div class="alert-content-container"> <div class="alert-content"> {{ 'alert.quantity-message' | trans }} </div> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> {% block base_breadcrumb %} {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with { context: context, category: page.product.seoCategory } only %} {% endblock %} {% block base_content %}{% endblock %} </div>{% endblock %}