Odoo18-Base/addons/website/views/snippets/s_table_of_content.xml

108 lines
7.0 KiB
XML
Raw Permalink Normal View History

2025-01-06 10:57:38 +07:00
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_table_of_content" name="Table of Content">
<section class="s_table_of_content pt24 pb24 o_cc o_cc1">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="col-lg-3 s_table_of_content_navbar_wrap s_table_of_content_navbar_sticky s_table_of_content_vertical_navbar d-print-none d-none d-lg-block o_not_editable o_cc o_cc1" data-name="Navbar">
<div class="s_table_of_content_navbar list-group o_no_link_popover"
style="top: 76px; max-height: calc(100vh - 96px);"
>
<a href="#table_of_content_heading_1_1" class="table_of_content_link list-group-item list-group-item-action py-2 border-0 rounded-0 active">Intuitive system</a>
<a href="#table_of_content_heading_1_2" class="table_of_content_link list-group-item list-group-item-action py-2 border-0 rounded-0">Design features</a>
</div>
</div>
<div class="col-lg-9 s_table_of_content_main oe_structure oe_empty" data-name="Content">
<section class="s_text_block pt0 pb64" data-snippet="s_text_block" data-name="Section">
<div class="container s_allow_columns">
<h2 id="table_of_content_heading_1_1" class="h3" data-anchor="true">Intuitive system</h2>
<div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto"/>
</div>
<p class="lead">
Our intuitive system ensures effortless navigation for users of all skill levels. Its clean interface and logical organization make tasks easy to complete. With tooltips and contextual help, users quickly become productive, enjoying a smooth and efficient experience.
</p>
<br/>
<br/>
<h4 class="h5">What you see is what you get</h4>
<p>
Insert text styles like headers, bold, italic, lists, and fonts with a simple WYSIWYG editor. Flexible and easy to use, it lets you design and format documents in real time. No coding knowledge is needed, making content creation straightforward and enjoyable for everyone.
</p>
<br/>
<br/>
<h4 class="h5">Customization tool</h4>
<p>
Click and change content directly from the front-end, avoiding complex backend processes. This tool allows quick updates to text, images, and elements right on the page, streamlining your workflow and maintaining control over your content.
</p>
</div>
</section>
<section class="s_text_block pt0 pb64" data-snippet="s_text_block" data-name="Section">
<div class="container s_allow_columns">
<h2 id="table_of_content_heading_1_2" class="h3" data-anchor="true">Design features</h2>
<div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto"/>
</div>
<p class="lead">
Our design features offer a range of tools to create visually stunning websites. Utilize WYSIWYG editors, drag-and-drop building blocks, and Bootstrap-based templates for effortless customization. With professional themes and an intuitive system, you can design with ease and precision, ensuring a polished, responsive result.
</p>
<br/>
<br/>
<h4 class="h5">Building blocks system</h4>
<p>
Create pages from scratch by dragging and dropping customizable building blocks. This system simplifies web design, making it accessible to all skill levels. Combine headers, images, and text sections to build cohesive layouts quickly and efficiently.
</p>
<br/>
<br/>
<h4 class="h5">Bootstrap-Based Templates</h4>
<p>
Design Odoo templates easily with clean HTML and Bootstrap CSS. These templates offer a responsive, mobile-first design, making them simple to customize and perfect for any web project, from corporate sites to personal blogs.
</p>
<br/>
<br/>
</div>
</section>
</div>
</div>
</div>
</section>
</template>
<template id="s_table_of_content_options" inherit_id="website.snippet_options">
<xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
<div data-js="MultipleItems" data-selector=".s_table_of_content">
<we-row string="Content">
<we-button data-add-item="" data-item=".s_table_of_content_main > section:last" data-select-item="" data-no-preview="true" class="o_we_bg_brand_primary">
Add Item
</we-button>
</we-row>
</div>
</xpath>
<xpath expr="." position="inside">
<div data-js="TableOfContent" data-selector=".s_table_of_content" data-drop-exclude-ancestor=".s_table_of_content"/>
<div data-js="TableOfContentNavbar" data-selector=".s_table_of_content_navbar_wrap">
<we-button-group string="Position">
<we-button class="fa fa-fw fa-long-arrow-left" title="Left" data-navbar-position="left"/>
<we-button class="fa fa-fw fa-long-arrow-up" title="Top" data-navbar-position="top"/>
<we-button class="fa fa-fw fa-long-arrow-right" title="Right" data-navbar-position="right"/>
</we-button-group>
<we-checkbox string="Sticky" data-select-class="s_table_of_content_navbar_sticky" data-no-preview="true"/>
</div>
<div data-js="TableOfContentMainColumns" data-selector=".s_table_of_content_navbar_wrap, .s_table_of_content_main"/>
</xpath>
</template>
<record id="website.s_table_of_content_000_scss" model="ir.asset">
<field name="name">Table of content 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_table_of_content/000.scss</field>
</record>
<record id="website.s_table_of_content_000_js" model="ir.asset">
<field name="name">Table of content 000 JS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_table_of_content/000.js</field>
</record>
</odoo>