[IMP] theme_zap: adapt s_banner

Since the redesign of the original banner snippet, the customizations
made in theme_zap have had to be adapted.

task-3097005

Part-of: odoo/design-themes#687
This commit is contained in:
Brieuc-brd
2023-08-29 13:13:29 +02:00
committed by qsm-odoo
parent b8d34237b3
commit 78a379d720
+25 -7
View File
@@ -4,32 +4,50 @@
<template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt256 pb48" remove="pt96 pb96" separator=" "/>
<attribute name="class" add="pt256 pb48 parallax s_parallax_is_fixed" remove="pt96 pb96" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/04_001","flip":["y"]}</attribute>
<attribute name="data-scroll-background-ratio">1</attribute>
</xpath>
<xpath expr="//*[hasclass('container')]" position="before">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Row - remove grid mode -->
<xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="class" remove="o_grid_mode" separator=" "/>
</xpath>
<!-- Remove grid images -->
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<!-- Remove hr -->
<xpath expr="//div[hasclass('s_hr')]" position="replace"/>
<!-- Column -->
<xpath expr="//*[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-8 pt48 px-5" remove="col-lg-6 pt32" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;"/>
<xpath expr="//*[hasclass('col-lg-5')]" position="attributes">
<attribute name="class" add="col-lg-8 pt48 pb32 px-5 o_cc o_cc1 rounded" remove="o_grid_item g-height-4 g-col-lg-5 col-lg-5" separator=" "/>
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
<b>Software innovation</b><br/> as its best.
</xpath>
<!-- Text -->
<xpath expr="//h1" position="attributes">
<attribute name="class" remove="display-1" separator=" "/>
</xpath>
<xpath expr="//p" position="replace">
<p class="lead">Harness the power of disruptive technologies to increase<br/> your day-to-day business operations.</p>
</xpath>
<xpath expr="//p" position="after">
<p><br/></p>
<xpath expr="//div[hasclass('col-lg-8')]//p[2]" position="attributes">
<attribute name="class" add="mb-0" separator=" "/>
</xpath>
<!-- Buttons -->
<xpath expr="//a//t" position="replace" mode="inner">
<xpath expr="//a" position="replace" mode="inner">
Our Solutions
</xpath>
<xpath expr="//a" position="attributes">
<attribute name="class" remove="btn-lg" separator=" "/>
</xpath>
</template>
</odoo>