header: add Our Collection mega menu; remove inline search

This commit is contained in:
2026-05-02 21:55:11 +02:00
parent 1d30ba4140
commit 6e00d1d2f2
2 changed files with 39 additions and 4 deletions

View File

@@ -53,10 +53,6 @@
</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 %}

View File

@@ -0,0 +1,39 @@
{% extends "carbasa/headers/header.html" %}
{% load i18n oxyan category_tags ocyan_main ocyanjson wagtailsettings_tags %}
{% 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">
<li class="megamenu nav-item">
<span class="overlay"></span>
<a class="toggler nav-link" tabindex="0" aria-label="{% trans 'Open Megamenu' %}">
{% trans "Our Collection" %} <i class="fa fa-chevron-down small ms-1"></i>
</a>
<div class="outer">
<nav id="header_breadcrumb" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a data-path="root" tabindex="-1">{% trans "Our collection" %}</a></li>
</ol>
</nav>
<ul class="inner">
<li class="category-main">
<a class="nav-link main-assortment" data-name="" href="{% url 'catalogue:index' %}" tabindex="-1">
{% trans "View" %} <b class="ms-1">{% trans "Our Collections" %}</b>
</a>
</li>
{% category_tree depth=menu_depth as category_tree_items %}
{% include "webshop/mega_dropdown.html" with menu_items=category_tree_items %}
</ul>
</div>
</li>
{% 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 %}