Clean agency navigation and refresh core site content

This commit is contained in:
2026-03-30 18:27:51 +02:00
parent ebde2806c1
commit 0baae1dbe6
5 changed files with 772 additions and 37 deletions

View File

@@ -1,40 +1,18 @@
{% extends "carbasa/headers/header.html" %}
{% load i18n oxyan category_tags ocyan_main ocyanjson wagtailsettings_tags %}
{% load agency_navigation %}
{% 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>
{% agency_nav_pages as nav_pages %}
<ul class="navbar-nav">
{% if request.LANGUAGE_CODE == 'nl' %}
<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="{{ menu_item.name|safe }}" 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>
{% for nav_page in nav_pages %}
<li class="nav-item child">
<a class="nav-link" href="{{ nav_page.url }}">{{ nav_page.title }}</a>
</li>
{% endif %}
{% 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 %}
{% endfor %}
</ul>
</div>
{% endblock %}

View File

@@ -1,4 +1,4 @@
{% load i18n i18n_helpers %}
{% load i18n i18n_helpers agency_navigation %}
<style>
.ms-lang-switcher { display: inline-flex; align-items: center; }
.ms-lang-switcher .form-select {
@@ -16,16 +16,18 @@
border-color: #3b82f6;
box-shadow: 0 0 0 0.18rem rgba(59, 130, 246, 0.18);
}
.ms-lang-switcher-link {
font-size: 0.74rem;
color: #64748b;
.ms-header-cta {
display: inline-flex;
align-items: center;
border-radius: 999px;
padding: 0.55rem 1rem;
font-size: 0.84rem;
font-weight: 700;
text-decoration: none;
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.ms-lang-switcher-link:hover { color: #1d4ed8; }
</style>
<div class="header-right">
<a class="ms-lang-switcher-link" href="/language-test/" title="Language test">LANG</a>
<form action="{% url 'set_language' %}" method="post" class="ms-lang-switcher me-2" aria-label="Language switcher">
{% csrf_token %}
<input name="next" type="hidden" value="{{ request.path|untranslated_url }}">
@@ -46,8 +48,11 @@
<a tabindex="0" aria-label="Open Search" role="search" class="search-toggler user-button menu-circle">
<i class="fa fa-search"></i>
</a>
<a href="{% url 'customer:summary' %}" aria-label="{% trans 'Customer summary' %}" class="user-button menu-circle"><i class="fa fa-user-solid"></i></a>
{% include 'oxyan/headers/partials/mini_basket.html' %}
{% agency_page 'contact' as contact_page %}
{% if contact_page %}
<a href="{{ contact_page.url }}" class="btn btn-primary ms-header-cta">{% agency_primary_cta %}</a>
{% endif %}
</div>
<div class="alert-messages-header" aria-live="polite">