[IMP] theme_kea: update the theme

This commit updates the theme to improve the design
with background shapes, new pictures and new custom snippets.

task-2591476

X-original-commit: 88b81d41da
Part-of: odoo/design-themes#498
This commit is contained in:
xlu-odoo
2021-07-13 08:39:35 +00:00
parent 5f2b968199
commit 004e38398a
58 changed files with 520 additions and 250 deletions
+84 -50
View File
@@ -1,54 +1,88 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_media_list" inherit_id="website.s_media_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
</xpath>
<!-- Row 3 -->
<xpath expr="(//div[hasclass('row')])[4]" position="attributes">
<attribute name="class" add="o_cc5 flex-row-reverse rounded" remove="o_cc1" separator=" "/>
<attribute name="style" add="border-radius: 25px !important;" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-4')])[3]" position="attributes">
<attribute name="class" add="col-lg-3" remove="col-lg-4" separator=" "/>
</xpath>
<template id="s_media_list" inherit_id="website.s_media_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2 pt64 pb64" remove="o_cc1 pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/01","flip":[]}</attribute>
</xpath>
<!-- Shapes -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_01"/>
</xpath>
<!-- Row 1 -->
<xpath expr="(//div[hasclass('row')])[2]" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_img_wrapper')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_body')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_3/web_editor/basic/bsc_organic_2.svg</attribute>
<attribute name="data-shape">web_editor/basic/bsc_organic_2</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_media_list_3.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Row 2 -->
<xpath expr="(//div[hasclass('row')])[3]" position="attributes">
<attribute name="class" add="rounded o_cc5" remove="o_cc1" separator=" "/>
<attribute name="style" add="border-radius: 25px !important;" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-4')])[2]" position="attributes">
<attribute name="class" add="col-lg-3" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Row 1 -->
<xpath expr="(//div[hasclass('row')])[2]" position="attributes">
<attribute name="class" add="rounded flex-row-reverse o_cc5" remove="o_cc1" separator=" "/>
<attribute name="style" add="border-radius: 25px !important;" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Text 3 -->
<xpath expr="(//div[hasclass('col-lg-8')])[3]" position="replace">
<div class="col-lg-9 s_media_list_body">
<h3 class="card-title">Services</h3>
<p class="card-text">We make it a point of honour to offer you a 5-star service. We are here to answer all your hardware problems from smartphone, tablets to your computer.</p>
</div>
</xpath>
<!-- Text 2 -->
<xpath expr="(//div[hasclass('col-lg-8')])[2]" position="replace">
<div class="col-lg-9 s_media_list_body">
<h3 class="card-title">Quality</h3>
<p class="card-text">We only use original parts or parts of equivalent quality. ​We make sure you get the best quality available on the market at the best price. All our interventions are guaranteed for a period of one year.</p>
</div>
</xpath>
<!-- Text 1 -->
<xpath expr="//div[hasclass('col-lg-8')]" position="replace">
<div class="col-lg-6 s_media_list_body">
<h3 class="card-title">Motherboard Repair</h3>
<p class="card-text">No. 1 in Macbook and iPhone motherboard repair in the world. ​We are the preferred subcontractor for many electronic repair companies.</p>
</div>
</xpath>
</template>
<xpath expr="(//div[hasclass('row')])[3]" position="attributes">
<attribute name="class" add="flex-row-reverse" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_body')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_2/web_editor/basic/bsc_organic_2.svg</attribute>
<attribute name="data-shape">web_editor/basic/bsc_organic_2</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_media_list_2.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Row 3 -->
<xpath expr="(//div[hasclass('row')])[4]" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_body')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_1/web_editor/basic/bsc_organic_2.svg</attribute>
<attribute name="data-shape">web_editor/basic/bsc_organic_2</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_media_list_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Text 1 -->
<xpath expr="//h3" position="replace" mode="inner">
Comfort &amp; Ease
</xpath>
<xpath expr="//p" position="replace" mode="inner">
We only use original parts or parts of equivalent quality. ​We make sure you get the best quality available on the market at the best price. All our interventions are guaranteed for a period of one year.
</xpath>
<!-- Text 2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Fitting design
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner">
We only use original parts or parts of equivalent quality. ​We make sure you get the best quality available on the market at the best price. All our interventions are guaranteed for a period of one year.
</xpath>
<!-- Text 3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Natural control
</xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner">
Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.
</xpath>
</template>
</odoo>