Mặc định

SoOn tự động tạo một số mục menu cơ bản tùy thuộc vào ứng dụng bạn đã cài đặt. Ví dụ: ứng dụng Trang web thêm hai mục vào menu chính. Các mục này được liên kết đến các trang cũng được tạo tự động.

Xóa các mục menu mặc định.

/website_airproof/data/menu.xml
<!-- Contact us -->
<delete model="website.menu" search="[('url','in', ['/', '/contactus']),
('website_id', '=', 1)]"/>

<!-- Shop -->
<delete model="website.menu" search="[('url','in', ['/', '/shop']),
('website_id', '=', 1)]"/>

Cửa sổ mới

Mở URL của liên kết trong tab mới.

<record id="..." model="website.menu">
    <field name="new_window" eval="True"/>
</record>

Mỏ neo

Liên kết đến một phần cụ thể của một trang.

<record id="..." model="website.menu">
    <field name="url">/about-us#our-team</field>
</record>

Thực đơn lớn

Menu lớn là menu thả xuống với các khả năng bổ sung chứ không chỉ là danh sách các liên kết. Trong mega menu, bạn có thể sử dụng bất kỳ loại nội dung nào (văn bản, hình ảnh, biểu tượng, ...).

Tuyên ngôn

/website_airproof/data/menu.xml
<record id="menu_mega_menu" model="website.menu">
    <field name="name">Mega Menu</field>
    <field name="url">/mega-menu</field>
    <field name="parent_id" search="[
        ('url', '=', '/default-main-menu'),
        ('website_id', '=', 1)]"/>
    <field name="website_id">1</field>
    <field name="sequence" type="int">..</field>
    <field name="is_mega_menu" eval="True"/>
    <field name="mega_menu_classes">...</field>
    <field name="mega_menu_content" type="html">
        <!-- Content -->
    </field>
</record>

Cánh đồng

Sự miêu tả

is_mega_menu

Kích hoạt tính năng menu mega.

mega_menu_classes

Các lớp tùy chỉnh sẽ được thêm vào thành phần chính

mega_menu_content

Nội dung mặc định của menu mega

Mẫu tùy chỉnh

Tạo mẫu của riêng bạn và thêm nó vào danh sách.

Cách trình bày

/website_airproof/views/website_templates.xml
<template id="s_mega_menu_airproof" name="Airproof" groups="base.group_user">
    <section class="s_mega_menu_airproof o_cc o_cc1 pt40">
        <!-- Content -->
    </section>
</template>

Lựa chọn

Sử dụng mã sau để thêm tùy chọn cho menu mega tùy chỉnh mới của bạn trên Trình tạo trang web.

/website_airproof/data/presets.xml
<template id="snippet_options" inherit_id="website.snippet_options" name="Airproof - Mega Menu Options">
    <xpath expr="//*[@data-name='mega_menu_template_opt']/*" position="before">
        <t t-set="_label">Airproof</t>
        <we-button t-att-data-select-label="_label"
            data-select-template="website_website_airproof.s_mega_menu_airproof"
            data-img="/website_airproof/static/src/img/builder/header_opt.svg"
            t-out="_label"/>
    </xpath>
</template>