[IMP] theme_beauty: revamp the theme

task-4178019
Part of task-4177975

Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2024-09-19 16:46:31 +02:00
committed by qsm-odoo
parent fa78b350cc
commit f0e216f031
21 changed files with 300 additions and 329 deletions
+15
View File
@@ -430,5 +430,20 @@ Check in theme_loftspace's primary_variables.scss and theme.scss -->
<field name="name">website.s_empowerment_default_image</field>
<field name="url">/theme_beauty/static/src/img/snippets/s_empowerment_default_image.jpg</field>
</record>
<record id="s_text_cover_default_image" model="theme.ir.attachment">
<field name="key">website.s_text_cover_default_image</field>
<field name="name">website.s_text_cover_default_image</field>
<field name="url">/theme_beauty/static/src/img/snippets/library_image_16.jpg</field>
</record>
<record id="s_pricelist_boxed_default_background" model="theme.ir.attachment">
<field name="key">website.s_pricelist_boxed_default_background</field>
<field name="name">website.s_pricelist_boxed_default_background</field>
<field name="url">/theme_beauty/static/src/img/snippets/s_pricelist_boxed_default_background.jpg</field>
</record>
<record id="s_image_frame_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_frame_default_image</field>
<field name="name">website.s_image_frame_default_image</field>
<field name="url">/theme_beauty/static/src/img/snippets/s_image_frame_default_image.jpg</field>
</record>
</odoo>
@@ -26,15 +26,4 @@
</xpath>
</template>
<template id="configurator_s_call_to_action" inherit_id="website.configurator_s_call_to_action">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/05_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Rainy_05_001"/>
</xpath>
</template>
</odoo>
@@ -2,6 +2,23 @@
<odoo>
<template id="s_features_wall" inherit_id="website.s_features_wall">
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'o-color-4','c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('o_web_editor_Airy_04_001')]" position="replace">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=o-color-4&amp;c5=o-color-1');"/>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="class" add="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="class" add="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="class" add="rounded-circle" separator=" "/>
</xpath>
<!-- Card 1 -->
<xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
Natural Skincare Products
@@ -2,9 +2,15 @@
<odoo>
<template id="s_image_frame" inherit_id="website.s_image_frame">
<!-- Image -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/02_001','colors':{'c4':'o-color-5','c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_02_001" style="background-image: url('/web_editor/shape/web_editor/Origins/02_001.svg?c4=o-color-5&amp;c5=o-color-1');"/>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
<attribute name="style"/>
</xpath>
</template>
+2 -3
View File
@@ -1,14 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_intro_pill" inherit_id="website.s_intro_pill">
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Discover our<br/>new products
Confidence and<br/>Timeless Elegance
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Shop now
Discover our products
</xpath>
</template>
@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_masonry_block" inherit_id="website.s_masonry_block">
<xpath expr="//t[@t-call='website.s_masonry_block_default_template']" position="replace">
<t t-call="website.s_masonry_block_mosaic_template"/>
</xpath>
<xpath expr="//section" position="attributes">
<attribute name="data-masonry-template">mosaic</attribute>
</xpath>
</template>
<template id="s_masonry_block_mosaic_template" inherit_id="website.s_masonry_block_mosaic_template">
<xpath expr="//img" position="attributes">
<attribute name="class" add="rounded" separator=" "/>
<attribute name="src">/web/image/website.s_text_image_default_image</attribute>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="class" add="rounded" separator=" "/>
</xpath>
</template>
</odoo>
@@ -2,6 +2,20 @@
<odoo>
<template id="s_pricelist_boxed" inherit_id="website.s_pricelist_boxed">
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt0 pb0" remove="pt72 pb72" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/06_001','colors':{'c3':'o-color-4','c4':'rgba(255, 0, 0, 0)'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_06_001" style="background-image: url('/web_editor/shape/web_editor/Origins/06_001.svg?c3=o-color-4&amp;c4=rgba(255, 0, 0, 0)');"/>
</xpath>
<xpath expr="//div[hasclass('row')]/div" position="attributes">
<attribute name="class" add="o_cc2 col-lg-5 border" remove="o_cc1 offset-lg-2 col-lg-8" separator=" "/>
<attribute name="style">border-width: 16px !important; border-color: rgb(255, 255, 255) !important;</attribute>
</xpath>
<!-- Texts -->
<xpath expr="//h2" position="replace" mode="inner">
Our Beauty Collection
</xpath>
@@ -86,15 +86,4 @@
</xpath>
</template>
<template id="configurator_s_product_list" inherit_id="website.configurator_s_product_list">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/15","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_15"/>
</xpath>
</template>
</odoo>