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

88 lines
4.3 KiB
XML
Raw Permalink Normal View History

2025-01-06 10:57:38 +07:00
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- Template -->
<template name="Showcase" id="s_showcase">
<section class="s_showcase pt48 pb48" data-vcss="003">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="row">
<div class="col-12 pb32">
<h3>Features showcase</h3>
<p class="lead">A features section highlights your products key attributes, engaging visitors and boosting conversions.</p>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-star-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Highlights Key Attributes</h5>
<p>A feature section allows you to clearly showcase the main benefits and unique aspects of your product.</p>
</div>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-user-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Engages Visitors</h5>
<p>It captures your visitors' attention and helps them quickly understand the value of your product.</p>
</div>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-heart-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Boosts Conversions</h5>
<p>Organizing and presenting key information effectively increases the likelihood of turning your visitors into customers.</p>
</div>
</div>
<div class="col-12 pt8 pb8" style="text-align: right;">
<div class="s_hr pt0 pb16" data-snippet="s_hr">
<hr class="w-100 mx-auto"/>
</div>
<a href="#">Discover all the features</a>
</div>
</div>
</div>
<div class="col-lg-6 o_snippet_mobile_invisible d-lg-block d-none">
<img src="/web/image/website.s_showcase_default_image" class="img img-fluid ms-auto rounded float-end" alt=""/>
</div>
</div>
</div>
</section>
</template>
<!-- Options -->
<template id="s_showcase_options" inherit_id="website.snippet_options">
<xpath expr="//div[@data-js='Box']" position="before">
<div data-js="Showcase" data-selector=".s_showcase .row &gt; div:has(&gt; .s_showcase_title)"/>
</xpath>
</template>
<!-- Assets -->
<record id="website.s_showcase_000_scss" model="ir.asset">
<field name="name">Showcase 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/000.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_001_scss" model="ir.asset">
<field name="name">Showcase 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/001.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_002_scss" model="ir.asset">
<field name="name">Showcase 002 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/002.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_003_scss" model="ir.asset">
<field name="name">Showcase 003 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/003.scss</field>
</record>
</odoo>