[IMP] theme_anelusia: revamp the theme

task-4177978
Part of task-4177975

closes odoo/design-themes#911

Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
This commit is contained in:
Brieuc-brd
2024-09-13 13:05:55 +02:00
parent 2e1f5eeef7
commit dbfbe10d70
13 changed files with 314 additions and 345 deletions
+15
View File
@@ -397,5 +397,20 @@
<field name="name">website.s_empowerment_default_image</field>
<field name="url">/theme_anelusia/static/src/img/snippets/s_empowerment_default_image.jpg</field>
</record>
<record id="s_image_hexagonal_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_hexagonal_default_image</field>
<field name="name">website.s_image_hexagonal_default_image</field>
<field name="url">/theme_anelusia/static/src/img/snippets/s_quotes_carousel_1.jpg</field>
</record>
<record id="s_image_hexagonal_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_image_hexagonal_default_image_1</field>
<field name="name">website.s_image_hexagonal_default_image_1</field>
<field name="url">/theme_anelusia/static/src/img/snippets/s_image_hexagonal_default_image_1.jpg</field>
</record>
<record id="s_image_punchy_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_punchy_default_image</field>
<field name="name">website.s_image_punchy_default_image</field>
<field name="url">/theme_anelusia/static/src/img/snippets/s_carousel_3.jpg</field>
</record>
</odoo>
@@ -4,7 +4,7 @@
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4" separator=" "/>
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
</template>
@@ -2,10 +2,25 @@
<odoo>
<template id="s_image_hexagonal" inherit_id="website.s_image_hexagonal">
<!-- Image -->
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web/image/website.s_text_image_default_image</attribute>
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_grid_item')]" position="attributes">
<attribute name="class" add="o_snippet_mobile_invisible d-none d-lg-block" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-x: 24px; --grid-item-padding-y: 24px;" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
<attribute name="class" remove="o_snippet_mobile_invisible d-none d-lg-block" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace">
<h1 class="display-4-fs">Unvail our <br/>Exclusive <br/>Collections</h1>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Discover timeless elegance and modern style with our exclusive fashion collections. Elevate your wardrobe with unique pieces crafted to make a statement.
</xpath>
<xpath expr="(//p)[2]" position="replace"/>
</template>
</odoo>
@@ -4,7 +4,7 @@
<template id="s_key_images" inherit_id="website.s_key_images">
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
<attribute name="class" add="o_cc o_cc3" separator=" "/>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_key_images_default_image_1/web_editor/geometric/geo_square_6.svg</attribute>
@@ -18,6 +18,10 @@
<xpath expr="//figcaption" position="replace" mode="inner">
Crafted with passion for every season
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="style">width: 50% !important;</attribute>
</xpath>
</template>
</odoo>
+15 -2
View File
@@ -4,10 +4,18 @@
<template id="s_text_cover" inherit_id="website.s_text_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc3" separator=" "/>
<attribute name="class" add="o_cc1" remove="o_cc3" separator=" "/>
</xpath>
<!-- Container -->
<xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="data-row-count">15</attribute>
</xpath>
<xpath expr="//div[hasclass('row')]/div" position="attributes">
<attribute name="class" add="g-height-9" remove="g-height-10 o_cc o_cc1" separator=" "/>
<attribute name="style">z-index: 1; grid-area: 4 / 2 / 13 / 8; --grid-item-padding-x: 24px; --grid-item-padding-y: 24px; text-align: right;</attribute>
</xpath>
<xpath expr="//h1" position="replace" mode="inner">
The next<br/> summer<br/> collection
<font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-2) 100%);" class="text-gradient"><strong>The next</strong></font><br/><font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-2) 100%);" class="text-gradient"> <strong>summer</strong></font><br/><font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-2) 100%);" class="text-gradient"> <strong>collection</strong></font>
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
@@ -17,6 +25,11 @@
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
Discover it
</xpath>
<!-- Image -->
<xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
<attribute name="class" add="g-col-lg-4 col-lg-4 g-height-15" remove="g-height-12 g-col-lg-6 col-lg-6 o_cc o_cc1 pt48 pb48" separator=" "/>
<attribute name="style">grid-area: 1 / 9 / 16 / 13; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; background-image: url('/web/image/website.s_text_cover_default_image');</attribute>
</xpath>
</template>
</odoo>