[IMP] theme_*: extract shapes to configurator-dedicated templates

This commit extracts the pre-defined section shapes from blocks into
templates that are dedicated to being used by the configurator.

For blocks that are not used in configurator pages, the configurator
templates have not been created.

task-3381714

Part-of: odoo/design-themes#692
This commit is contained in:
Benoit Socias
2023-08-28 14:42:05 +02:00
parent f4030e3815
commit d206c11972
119 changed files with 1405 additions and 596 deletions
+28 -12
View File
@@ -5,14 +5,10 @@
<template id="s_cover" inherit_id="website.s_cover" name="Avantgarde s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="s_parallax_no_overflow_hidden o_full_screen_height" remove="s_parallax_is_fixed s_parallax" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/18","flip":["x"]}</attribute>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="attributes">
<attribute name="style" remove="background-position: 50% 0;" add="background-position: 50% 80%;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('s_allow_columns')]" position="before">
<div class="o_we_shape o_web_editor_Origins_18" style="background-image: url('/web_editor/shape/web_editor/Origins/18.svg?c1=o-color-2&amp;flip=x'); background-position: 50% 50%;"/>
</xpath>
<xpath expr="//font" position="attributes">
<attribute name="class" add="text-o-color-1 text-break" separator=" "/>
</xpath>
@@ -28,6 +24,15 @@
</xpath>
</template>
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover" name="Avantgarde s_cover">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/18","flip":["x"]}</attribute>
</xpath>
<xpath expr="//div[hasclass('s_allow_columns')]" position="before">
<div class="o_we_shape o_web_editor_Origins_18" style="background-image: url('/web_editor/shape/web_editor/Origins/18.svg?c1=o-color-2&amp;flip=x'); background-position: 50% 50%;"/>
</xpath>
</template>
<!-- ======== PICTURE ======== -->
<template id="s_picture" inherit_id="website.s_picture" name="Avantgarde s_cover">
<xpath expr="//section" position="attributes">
@@ -70,10 +75,6 @@
<template id="s_three_columns" inherit_id="website.s_three_columns" name="Avantgarde s_three_columns">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt120 pb240 o_full_screen_height" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20"}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_20"/>
</xpath>
<xpath expr="//*[hasclass('card')]" position="attributes">
<attribute name="class" add="shadow border" separator=" "/>
@@ -106,6 +107,15 @@
</xpath>
</template>
<template id="configurator_s_three_columns" inherit_id="website.configurator_s_three_columns" name="Avantgarde s_three_columns">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20"}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_20"/>
</xpath>
</template>
<!-- ======== TEXT-IMAGE ======== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Avantgarde s_text_image">
<xpath expr="//section" position="attributes">
@@ -163,10 +173,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc3 o_half_screen_height pt0" remove="pt48" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001"/>
</xpath>
<xpath expr="//h3" position="replace">
<h3 style="text-align: right;"><b>Since 1992</b> creating around the world.</h3>
@@ -191,6 +197,16 @@
</xpath>
</template>
<template id="configurator_s_call_to_action" inherit_id="website.configurator_s_call_to_action" name="Avantgarde s_call_to_action">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001"/>
</xpath>
</template>
<!-- ======== CAROUSEL ======== -->
<template id="s_carousel" inherit_id="website.s_carousel" name="Avantgarde s_carousel">
<!-- Assign slide3 as 'active' and move it in first position -->