Guillaume (gdi)
e55d2839a6
Set the background color of mega menus to the first color combination by default. This ensures that the mega menu is not transparent by default (important for master where the dropdown will be transparent to allow transparent mega menus) but mainly ensures that inner components (links, buttons, titles, etc) use a visible color as otherwise they use the *header* combination colors which may not work with the default white background dropdown. task-2623335 closes odoo/odoo#79094 X-original-commit: 967d21a8d0dd8c79be1fe0a2d2ec3a6edbb389ca Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
115 lines
6.2 KiB
XML
115 lines
6.2 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="s_mega_menu_thumbnails" name="Menu - Thumbnails" groups="base.group_user">
|
|
<section class="s_mega_menu_thumbnails pt24 o_colored_level o_cc o_cc1">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-sm col-md-12 col-lg px-0">
|
|
<div class="container">
|
|
<div class="row">
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_1"/>
|
|
<t t-set="_text">Laptops</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_2"/>
|
|
<t t-set="_text">Mouse</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_3"/>
|
|
<t t-set="_text">Keyboards</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_4"/>
|
|
<t t-set="_text">Printers</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_5"/>
|
|
<t t-set="_text">Storage</t>
|
|
</t>
|
|
|
|
<div class="w-100 d-none d-md-block"/>
|
|
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_6"/>
|
|
<t t-set="_text">Tablets</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_7"/>
|
|
<t t-set="_text">Phones</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_8"/>
|
|
<t t-set="_text">Screens</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_9"/>
|
|
<t t-set="_text">Gaming</t>
|
|
</t>
|
|
<t t-call="website.s_mega_menu_thumbnails_item">
|
|
<t t-set="_img_src" t-valuef="/web/image/website.s_mega_menu_thumbnails_default_image_10"/>
|
|
<t t-set="_text">Sound</t>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-sm-6 col-md-4 col-lg-3 text-center py-2">
|
|
<a href="#" class="nav-link p-0 o_default_snippet_text" data-name="Menu Item">
|
|
<img class="img-fluid rounded shadow" src="/web/image/website.s_mega_menu_thumbnails_default_image_11" alt=""/>
|
|
<span class="d-block p-2">
|
|
<b><font style="font-size:14px;">Discover our new products</font></b>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="s_mega_menu_thumbnails_footer px-0">
|
|
<div class="container row mx-auto px-0 w-100 align-items-center">
|
|
<div class="col-12 col-md-6 col-lg d-flex justify-content-center align-items-center py-2">
|
|
<p class="text-muted align-middle m-0">
|
|
<i class="s_mega_menu_thumbnails_icon fa fa-cube mr-2"></i> Free returns
|
|
</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg d-flex justify-content-center align-items-center py-2">
|
|
<p class="text-muted align-middle m-0">
|
|
<i class="s_mega_menu_thumbnails_icon fa fa-shopping-basket mr-2"></i> Pickup in store
|
|
</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg d-flex justify-content-center align-items-center py-2">
|
|
<p class="text-muted align-middle m-0">
|
|
<i class="s_mega_menu_thumbnails_icon fa fa-truck mr-2"></i> Express delivery
|
|
</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg py-2">
|
|
<a href="#" class="btn btn-secondary d-block o_default_snippet_text">
|
|
<i class="s_mega_menu_thumbnails_icon fa fa-comments mr-2"></i> Contact us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="s_mega_menu_thumbnails_item">
|
|
<div class="col-6 col-sm text-center py-2">
|
|
<a href="#" class="nav-link o_default_snippet_text p-0" data-name="Menu Item">
|
|
<img class="img-fluid rounded shadow" t-att-src="_img_src" alt=""/>
|
|
<br/>
|
|
<span class="d-block p-2">
|
|
<b>
|
|
<font style="font-size:14px;" t-esc="_text"/>
|
|
</b>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<record id="website.s_mega_menu_thumbnails_000_scss" model="ir.asset">
|
|
<field name="name">Menu - Thumbnails 000 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_mega_menu_thumbnails/000.scss</field>
|
|
</record>
|
|
|
|
</odoo>
|