[IMP] website, *: add 'centered logo' header template

*: website_sale, website_sale_wishlist

Part of https://github.com/odoo/odoo/pull/56427
task-2264627

X-original-commit: b14b69ebc82314403d9181a42693bb7faf6dada4
Co-authored-by: qsm-odoo <qsm@odoo.com>
This commit is contained in:
Cocographique
2020-08-28 08:19:41 +00:00
committed by Xavier-Do
co-authored by qsm-odoo
parent f2a7f36190
commit e73b17fd47
6 changed files with 72 additions and 3 deletions
+1
View File
@@ -191,6 +191,7 @@ class Theme(models.AbstractModel):
self.disable_view('website.template_header_contact')
self.disable_view('website.template_header_minimalist')
self.disable_view('website.template_header_boxed')
self.disable_view('website.template_header_centered_logo')
# Reinitialize footer templates
self.enable_view('website.footer_custom')
+7 -3
View File
@@ -933,9 +933,7 @@ header {
margin-bottom: $spacer;
}
}
}
@if o-website-value('header-template') == 'sidebar' {
} @else if o-website-value('header-template') == 'sidebar' {
@include media-breakpoint-up(lg) {
#wrapwrap {
// Hack: padding is used by layout option (boxed, etc) so use
@@ -993,6 +991,12 @@ header {
#wrapwrap:not(.o_header_overlay) .o_header_boxed_background {
@include o-apply-colors('header-boxed');
}
} @else if o-website-value('header-template') == 'centered_logo' {
header .o_header_centered_logo {
@include media-breakpoint-up(lg) {
width: 50%;
}
}
}
// Mega menu
@@ -596,6 +596,9 @@
<we-button data-name="header_boxed_opt"
data-customize-website-views="website.template_header_boxed"
data-customize-website-variable="'boxed'">Boxed</we-button>
<we-button data-name="header_centered_logo_opt"
data-customize-website-views="website.template_header_centered_logo"
data-customize-website-variable="'centered_logo'">Centered Logo</we-button>
</we-select>
<!-- Header Sidebar Template - Options -->
@@ -895,6 +895,47 @@
</xpath>
</template>
<template id="template_header_centered_logo" inherit_id="website.layout" name="Template Header Centered Logo" active="False">
<xpath expr="//header//nav" position="replace">
<nav class="navbar navbar-light navbar-expand-lg o_colored_level o_cc">
<div id="top_menu_container" class="container">
<!-- Navbar Toggler -->
<t t-call="website.navbar_toggler"/>
<!-- Navbar Collapse -->
<div id="top_menu_collapse" class="collapse navbar-collapse o_header_centered_logo order-last order-lg-first">
<t t-call="website.navbar_nav">
<!-- Menu -->
<t t-foreach="website.menu_id.child_id" t-as="submenu">
<t t-call="website.submenu">
<t t-set="item_class" t-value="'nav-item'"/>
<t t-set="link_class" t-value="'nav-link'"/>
</t>
</t>
</t>
</div>
<!-- Brand -->
<t t-call="website.placeholder_header_brand">
<t t-set="_link_class" t-value="'m-0'"/>
</t>
<!-- Right -->
<ul class="nav navbar-nav o_header_centered_logo justify-content-end">
<!-- Sign In -->
<t t-call="portal.placeholder_user_sign_in">
<t t-set="_item_class" t-value="'nav-item ml-3'"/>
<t t-set="_link_class" t-value="'nav-link'"/>
</t>
<!-- User Dropdown -->
<t t-call="portal.user_dropdown">
<t t-set="_icon" t-value="true"/>
<t t-set="_item_class" t-value="'nav-item dropdown ml-3'"/>
<t t-set="_link_class" t-value="'nav-link'"/>
</t>
</ul>
</div>
</nav>
</xpath>
</template>
<!-- Navbar Hamburger Options -->
<template id="option_header_off_canvas" inherit_id="website.navbar_nav" name="Off-Canvas Header" active="False">
<xpath expr="//ul[@id='top_menu']" position="attributes">
+10
View File
@@ -173,6 +173,16 @@
</xpath>
</template>
<template id="template_header_centered_logo" inherit_id="website.template_header_centered_logo">
<xpath expr="//t[@t-call='portal.placeholder_user_sign_in']" position="before">
<t t-call="website_sale.header_cart_link">
<t t-set="_icon" t-value="True"/>
<t t-set="_item_class" t-value="'nav-item'"/>
<t t-set="_link_class" t-value="'nav-link'"/>
</t>
</xpath>
</template>
<!-- Products Search Bar input-group template -->
<template id="website_sale_products_search_box" inherit_id="website.website_search_box" primary="True">
<xpath expr="//input[@name='search']" position="attributes">
@@ -132,6 +132,16 @@
</xpath>
</template>
<template id="template_header_centered_logo" inherit_id="website_sale.template_header_centered_logo">
<xpath expr="//t[@t-call='website_sale.header_cart_link']" position="after">
<t t-call="website_sale_wishlist.header_wishlist_link">
<t t-set="_icon" t-value="True"/>
<t t-set="_item_class" t-value="'nav-item ml-1'"/>
<t t-set="_link_class" t-value="'nav-link'"/>
</t>
</xpath>
</template>
<template id="product_wishlist" name="Wishlist Page">
<t t-call="website.layout">
<t t-set="additional_title">Shop Wishlist</t>