Override Carbasa header to use webshop layout
This commit is contained in:
83
templates/carbasa/headers/header.html
Normal file
83
templates/carbasa/headers/header.html
Normal file
@@ -0,0 +1,83 @@
|
||||
{% load i18n oxyan category_tags ocyan_main ocyanjson wagtailsettings_tags %}
|
||||
|
||||
{#
|
||||
Project override:
|
||||
Use the Carbasa webshop header markup (search + user bar + basket) even when
|
||||
the active header selection resolves to `carbasa/headers/header.html`.
|
||||
This keeps staging/local consistent and ensures our `oxyan/headers/partials/*`
|
||||
overrides (language switcher, popup search) are actually used.
|
||||
#}
|
||||
|
||||
{% get_settings %}
|
||||
{% if settings.ocyan_plugin_wagtail.OcyanSettings.promo_header %}
|
||||
<div class="promo_header">
|
||||
<div class="container">
|
||||
<div class="promo_header_inner">
|
||||
{% for block in settings.ocyan_plugin_wagtail.OcyanSettings.promo_header %}
|
||||
{% if block.block_type == "TextSlider" %}
|
||||
<div class="promo_block textslider-wrapper">
|
||||
<div class="textslider">
|
||||
<ul class="textslider-stage">
|
||||
{% for slide in block.value %}
|
||||
{% block textslide %}
|
||||
<li class="textslide">{{ slide.text }}</li>
|
||||
{% endblock %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="promo_block {{ block.block.name }} {% if forloop.first %}first{% endif %}">
|
||||
{{ block }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="alert-messages-header">
|
||||
{% include "oscar/partials/alert_messages.html" with messages=messages %}
|
||||
</div>
|
||||
|
||||
{% get_oxyan_definition "header" as header_class %}
|
||||
<header class="{{ header_class }}_header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light header-inner">
|
||||
<div class="container">
|
||||
{% include 'partials/brand.html' with big=True %}
|
||||
|
||||
{% block nav %}
|
||||
{% ocyanjson "theme" "menu_depth" 1 as menu_depth %}
|
||||
<div class="collapse navbar-collapse menu-bar page-menu-bar" id="navbarSupportedContent">
|
||||
<div class="brand-wrapper">
|
||||
{% include 'partials/brand.html' with big=True %}
|
||||
</div>
|
||||
<ul class="navbar-nav">
|
||||
{% rootpage_as_category as page_tree_root %}
|
||||
{% category_tree 2 page_tree_root as page_tree_items %}
|
||||
{% include "partials/dropdown.html" with menu_items=page_tree_items limit=2 %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<div class="search-wrapper">
|
||||
{% include 'oxyan/headers/partials/search.html' %}
|
||||
</div>
|
||||
|
||||
{% esi_fragment 'oxyan/headers/partials/carbasa-user-bar.html' with sessionid=True oscar_open_basket=True messages=messages request=request csrf_token=csrf_token user=user basket=basket num_unread_notifications=num_unread_notifications only %}
|
||||
|
||||
{% block language_chooser %}{% endblock language_chooser %}
|
||||
|
||||
<button class="navbar-toggler collapsed" aria-label="Navbar toggle" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
|
||||
<i class="fa fa-bars nav-icon"></i>
|
||||
<i class="fa fa-times nav-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
{% block extra_nav %}{% endblock %}
|
||||
</header>
|
||||
|
||||
{# Ensure the popup search modal exists even on pages not using `layout.html`. #}
|
||||
{% include "partials/search_modal.html" %}
|
||||
|
||||
Reference in New Issue
Block a user