[IMP] theme_kiddo: redesign of the theme

This commit introduces a redesign of the Kiddo theme.
It also moves 6 svg icons from the "static/src/img/snippets/" to
"static/shapes" to allow the use of the dynamic colors in the Web
Editor.

task-2687297

closes odoo/design-themes#529

Related: odoo/odoo#80658
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2021-11-26 09:01:06 +00:00
parent 0fc0d85c2c
commit ae199ad589
51 changed files with 816 additions and 551 deletions
+10 -3
View File
@@ -17,17 +17,24 @@
'views/snippets/s_product_list.xml',
'views/snippets/s_call_to_action.xml',
'views/snippets/s_cover.xml',
'views/snippets/s_three_columns.xml',
'views/snippets/s_quotes_carousel.xml',
'views/snippets/s_text_image.xml',
'views/snippets/s_product_catalog.xml',
],
'images': [
'static/description/Kiddo_description.png',
'static/description/kiddo_description.jpg',
'static/description/kiddo_screenshot.jpg',
],
'images_preview_theme': {
'website.s_banner_default_image': '/theme_kiddo/static/src/img/snippets/s_banner.jpg',
'website.s_picture_default_image': '/theme_kiddo/static/src/img/content/content_img_15.jpg',
'website.s_image_text_default_image': '/theme_kiddo/static/src/img/snippets/s_image_text.jpg',
'website.s_three_columns_default_image_1': '/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_1.jpg',
'website.s_three_columns_default_image_2': '/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_2.jpg',
'website.s_three_columns_default_image_3': '/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_3.jpg',
},
'snippet_lists': {
'homepage': ['s_banner', 's_image_text', 's_picture', 's_product_list', 's_call_to_action'],
'homepage': ['s_banner', 's_image_text', 's_three_columns', 's_product_list', 's_call_to_action'],
},
'license': 'LGPL-3',
'live_test_url': 'https://theme-kiddo.odoo.com',
+1 -1
View File
@@ -8,7 +8,7 @@ class ThemeKiddo(models.AbstractModel):
self.enable_view('website.template_header_default_align_right')
self.disable_view('website.footer_custom')
self.enable_view('website.template_footer_descriptive')
self.enable_view('website.template_footer_centered')
# For compatibility
# self.enable_asset('theme_common.compatibility_saas_10_1')
Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 82 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

+2 -2
View File
@@ -14,8 +14,8 @@ const snippets = [
name: 'Image - Text',
},
{
id: 's_picture',
name: 'Picture',
id: 's_three_columns',
name: 'Columns',
},
{
id: 's_product_list',
@@ -55,7 +55,7 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
//------------------------------------------------------------------------------
$o-theme-h1-font-size-multiplier: (40 / 14);
$o-theme-h2-font-size-multiplier: (32 / 14);
$o-theme-h2-font-size-multiplier: (38 / 14);
$o-theme-h3-font-size-multiplier: (28 / 14);
$o-theme-h4-font-size-multiplier: (24 / 14);
$o-theme-h5-font-size-multiplier: (20 / 14);
@@ -122,10 +122,10 @@ $o-theme-font-configs: (
$o-website-values-palettes: (
(
'color-palettes-name': 'kiddo-3',
'color-palettes-name': 'default-16',
'font-size-base': (14 / 16) * 1.075rem,
'header-font-size': 1.15rem,
'header-font-size': .875rem,
'logo-height': 3rem,
'fixed-logo-height': 3rem,
'btn-border-radius': 2rem,
@@ -140,13 +140,10 @@ $o-website-values-palettes: (
'buttons-font': 'Varela Round',
'link-underline': 'never',
'header-template': 'default',
'footer-template': 'descriptive',
'btn-primary-outline': true,
'footer-template': 'centered',
),
);
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'kiddo-3');
$o-color-palettes-compatibility-indexes: (
1: 'kiddo-3',
2: 'kiddo-2',
+68 -7
View File
@@ -25,7 +25,7 @@
<record id="s_image_text_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_text_default_image</field>
<field name="name">website.s_image_text_default_image</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_image_text.svg</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_image_text.jpg</field>
</record>
<record id="s_picture_default_image" model="theme.ir.attachment">
<field name="key">website.s_picture_default_image</field>
@@ -47,6 +47,41 @@
<field name="name">website.library_image_07</field>
<field name="url">/theme_kiddo/static/src/img/content/content_img_18.jpg</field>
</record>
<record id="library_image_08" model="theme.ir.attachment">
<field name="key">website.library_image_08</field>
<field name="name">website.library_image_08</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_08.jpg</field>
</record>
<record id="library_image_03" model="theme.ir.attachment">
<field name="key">website.library_image_03</field>
<field name="name">website.library_image_03</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_03.jpg</field>
</record>
<record id="library_image_02" model="theme.ir.attachment">
<field name="key">website.library_image_02</field>
<field name="name">website.library_image_02</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_02.jpg</field>
</record>
<record id="library_image_10" model="theme.ir.attachment">
<field name="key">website.library_image_10</field>
<field name="name">website.library_image_10</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_10.jpg</field>
</record>
<record id="library_image_05" model="theme.ir.attachment">
<field name="key">website.library_image_05</field>
<field name="name">website.library_image_05</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_05.jpg</field>
</record>
<record id="library_image_14" model="theme.ir.attachment">
<field name="key">website.library_image_14</field>
<field name="name">website.library_image_14</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_14.jpg</field>
</record>
<record id="library_image_16" model="theme.ir.attachment">
<field name="key">website.library_image_16</field>
<field name="name">website.library_image_16</field>
<field name="url">/theme_kiddo/static/src/img/snippets/library_image_16.jpg</field>
</record>
<record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_masonry_block_default_image_1</field>
<field name="name">website.s_masonry_block_default_image_1</field>
@@ -108,35 +143,41 @@
<field name="url">/theme_kiddo/static/src/img/content/content_img_29.jpg</field>
</record>
<!-- Keep this six records (s_product_list_default_image_x) for the compatibility -->
<record id="s_product_list_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_1</field>
<field name="name">website.s_product_list_default_image_1</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_1.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_1.svg</field>
</record>
<record id="s_product_list_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_2</field>
<field name="name">website.s_product_list_default_image_2</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_2.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_2.svg</field>
</record>
<record id="s_product_list_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_3</field>
<field name="name">website.s_product_list_default_image_3</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_3.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_3.svg</field>
</record>
<record id="s_product_list_default_image_4" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_4</field>
<field name="name">website.s_product_list_default_image_4</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_4.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_4.svg</field>
</record>
<record id="s_product_list_default_image_5" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_5</field>
<field name="name">website.s_product_list_default_image_5</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_5.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_5.svg</field>
</record>
<record id="s_product_list_default_image_6" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_6</field>
<field name="name">website.s_product_list_default_image_6</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_list_6.svg</field>
<field name="url">/theme_kiddo/static/shapes/s_product_list_6.svg</field>
</record>
<record id="s_quotes_carousel_demo_image_0" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_0</field>
<field name="name">website.s_quotes_carousel_demo_image_0</field>
<field name="url">/theme_kiddo/static/src/img/content/content_img_39.jpg</field>
</record>
<record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_1</field>
@@ -163,6 +204,26 @@
<field name="name">website.s_quotes_carousel_demo_image_5</field>
<field name="url">/theme_kiddo/static/src/img/content/content_img_27.jpg</field>
</record>
<record id="s_three_columns_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_three_columns_default_image_1</field>
<field name="name">website.s_three_columns_default_image_1</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_1.jpg</field>
</record>
<record id="s_three_columns_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_three_columns_default_image_2</field>
<field name="name">website.s_three_columns_default_image_2</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_2.jpg</field>
</record>
<record id="s_three_columns_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_three_columns_default_image_3</field>
<field name="name">website.s_three_columns_default_image_3</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_three_columns_default_image_3.jpg</field>
</record>
<record id="s_product_catalog_default_image" model="theme.ir.attachment">
<field name="key">website.s_product_catalog_default_image</field>
<field name="name">website.s_product_catalog_default_image</field>
<field name="url">/theme_kiddo/static/src/img/snippets/s_product_catalog_default_image.jpg</field>
</record>
<record id="s_newsletter_block" model="theme.ir.attachment">
<field name="key">website.library_image_17</field>
<field name="name">website.library_image_17</field>
+17 -20
View File
@@ -4,34 +4,31 @@
<template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_background_video s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-bg-video-src">//player.vimeo.com/video/60112275?autoplay=1&amp;muted=1&amp;loop=1</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/17"}</attribute>
<attribute name="style">position: relative; background-image: url("/web/image/website.s_banner_default_image");</attribute>
<attribute name="class" add="s_parallax_no_overflow_hidden o_full_screen_height oe_img_bg o_bg_img_center pb216 pt72 o_cc o_cc5" remove="parallax s_parallax_is_fixed pt96 pb96" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
<attribute name="style">background-image: url("/web/image/website.s_banner_default_image");</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":["x"]}</attribute>
</xpath>
<!-- Video -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_bg_video_container">
<iframe id="o_bg_video_iframe_5" class="o_bg_video_iframe fade show" src="//player.vimeo.com/video/60112275?autoplay=1&amp;muted=1&amp;loop=1" style="width: 100%; height: 146.716%; left: 0px; top: -23.3581%;" frameborder="0"></iframe>
</div>
</xpath>
<!-- Remove parallax bg -->
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<!-- Shape -->
<!-- Shape & filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_17"/>
<div class="o_we_bg_filter" style="background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%) !important;"/>
<div class="o_we_shape o_web_editor_Wavy_22 o_we_flip_x"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
<div class="col-lg-6 pt48 pb48 m-3 m-md-0 p-4 p-md-5 o_colored_level o_cc o_cc3 rounded shadow border" style="border-radius: 35px !important; box-shadow: rgb(104, 70, 114) 0px 0px 35px 0px !important; border-color: rgb(104, 70, 114) !important; border-width: 4px !important; border-style: dotted !important;">
<h1><font style="font-size: 62px; line-height: 48px;">A little place of paradise.</font></h1>
<p><br/></p>
<p class="lead">Because your children deserve the best, we welcome children from 0 to 3 years in a warm and specific environment for the needs of small children</p>
<p><br/></p>
<a t-att-href="cta_btn_href" class="btn btn-primary mb-2"><t t-esc="cta_btn_text">About us</t></a>
</div>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="//h1//font" position="replace" mode="inner">
A little place <br/>of paradise
</xpath>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
</xpath>
</template>
</odoo>
+13 -10
View File
@@ -4,24 +4,27 @@
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height pt0 pb176" remove="pt48 pb24" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22"}</attribute>
<attribute name="class" add="o_cc2 pt152 pb152 o_colored_level" remove="pt48 pb24 o_cc3" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/14"}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_22 o_we_flip_X"/>
<div class="o_we_shape o_web_editor_Floats_14"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
<div class="col-lg-9 pb16">
<h3><b>2,000 parents</b> brought their kid to our nursery.</h3>
<p>Entrust us with your children and go to work with peace of mind.</p>
<div class="col-lg-10 offset-lg-1 pt48 pb24">
<h3 style="text-align: center;">2,000 parents<br/> brought their kid to our nursery.</h3>
<p style="text-align: center;">Entrust us with your children and go to work with peace of mind</p>
<p><br/></p>
<p style="text-align: center;"><a t-att-href="cta_btn_href" class="btn btn-primary btn-lg mb-2"><t t-esc="cta_btn_text">Contact us</t></a></p>
</div>
</xpath>
<!-- Button -->
<xpath expr="//a" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Remove last column with button -->
<xpath expr="//div[hasclass('col-lg-3')]" position="replace"/>
</template>
</odoo>
+10 -8
View File
@@ -4,19 +4,21 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
<attribute name="class" add="o_full_screen_height o_cc o_cc1" remove="bg-black-50" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/14"}</attribute>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="attributes">
<attribute name="class" add="bg-white-75" remove="bg-black-50" separator=" "/>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001"/>
<div class="o_we_shape o_web_editor_Floats_14"/>
</xpath>
<!-- Heading -->
<xpath expr="//font" position="attributes">
<attribute name="class" add="text-o-color-3" separator=" "/>
</xpath>
<xpath expr="//font" position="replace" mode="inner">
Kiddo Nursery
</xpath>
@@ -30,7 +32,7 @@
<!-- Separator -->
<xpath expr="//p" position="before">
<div data-snippet="s_hr" data-name="Separator" class="s_hr pt24 pb32">
<hr class="w-25 mx-auto" style="border-top: 8px dotted rgb(99, 156, 142) !important;"/>
<hr class="w-25 mx-auto" style="border-top: 8px dotted var(--o-color-2) !important;"/>
</div>
</xpath>
@@ -43,7 +45,7 @@
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary btn-lg" remove="btn-primary" separator=" "/>
<attribute name="class" add="btn-lg" separator=" "/>
</xpath>
</template>
+33 -12
View File
@@ -4,26 +4,47 @@
<template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pb72" remove="pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20"}</attribute>
<attribute name="class" add="o_cc o_cc2 pb64 pt64" remove="pb32 pt32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/13","flip":["x"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_20"/>
<div class="o_we_shape o_web_editor_Floats_13 o_we_flip_x"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="replace">
<div class="p-5 col-lg-6 o_cc o_cc2 text-center">
<h2 style="font-size: 48px;">Activities</h2>
<p><br/></p>
<p>Our team is composed of experienced nursery nurses.</p>
<p>They will propose to your children educational activities, playful, varied and adapted to the stage of development.</p>
<p><br/></p>
<p><a href="#" class="btn btn-primary mb-2">Discover more</a></p>
<!-- Last column -->
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
<attribute name="class" add="offset-lg-1 col-lg-5" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Title & Paragraphs -->
<xpath expr="//h2" position="replace" mode="inner">
Activities
</xpath>
<xpath expr="//h2" position="after">
<div class="s_hr text-left pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-50 mr-auto" style="border-top: 4px dotted var(--o-color-2) !important;"/>
</div>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Our team is composed of experienced nursery nurses.
</xpath>
<xpath expr="//p[2]" position="replace" mode="inner">
They will propose to your children educational activities, playful, varied and adapted to the stage of development.
</xpath>
<xpath expr="//p[2]" position="after">
<p><br/></p>
</xpath>
<!-- Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_image_text_default_image/web_editor/basic/bsc_square_rounded_2.svg</attribute>
<attribute name="data-shape">web_editor/basic/bsc_square_rounded_2</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_image_text.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
</template>
</odoo>
@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_product_catalog" inherit_id="website.s_product_catalog">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-25"/>
</xpath>
</template>
</odoo>
+90 -64
View File
@@ -4,73 +4,99 @@
<template id="s_product_list" inherit_id="website.s_product_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc3" separator=" "/>
<attribute name="class" add="pt96 pb96" separator=" "/>
</xpath>
<!-- Container -->
<xpath expr="//div[hasclass('container-fluid')]" position="replace">
<div class="container">
<!-- Row 1 -->
<div class="row py-5 justify-content-center">
<!-- Item 1 -->
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
<!-- Item 2 -->
<div class="h-100 p-0 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
<!-- Item 3 -->
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
</div>
<!-- Row 2 -->
<div class="row pb48 justify-content-center">
<!-- Item 4 -->
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
<!-- Item 5 -->
<div class="h-100 w-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
<!-- Item 6 -->
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
<a href="#">
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link pb24">
<a href="#" class="btn btn-primary">View item</a>
</div>
</div>
</div>
</div>
<xpath expr="//div[hasclass('container-fluid')]" position="attributes">
<attribute name="class" add="container" remove="container-fluid" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="class" add="justify-content-center" separator=" "/>
</xpath>
<!-- Item n°1 -->
<xpath expr="//div[hasclass('col-lg-2')]" position="attributes">
<attribute name="class" add="border rounded mx-3" separator=" "/>
<attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('s_product_list_item_link')]" position="attributes">
<attribute name="class" add="pb24" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_product_list_item_link')]//a" position="replace">
<a t-att-href="url">About us</a>
</xpath>
<!-- Item n°1 : SVG with dynamic color -->
<xpath expr="//div[hasclass('col-lg-2')]//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_1.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
</xpath>
<!-- Item n°2 -->
<xpath expr="(//div[hasclass('col-lg-2')])[2]" position="attributes">
<attribute name="class" add="border rounded mx-3" separator=" "/>
<attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[2]" position="attributes">
<attribute name="class" add="pb24" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[2]//a" position="replace">
<a t-att-href="url">Our team</a>
</xpath>
<!-- Item n°2 : SVG with dynamic color -->
<xpath expr="(//div[hasclass('col-lg-2')])[2]//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_2.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
</xpath>
<!-- Item n°3 -->
<xpath expr="(//div[hasclass('col-lg-2')])[3]" position="attributes">
<attribute name="class" add="border rounded mx-3" separator=" "/>
<attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[3]" position="attributes">
<attribute name="class" add="pb24" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[3]//a" position="replace">
<a t-att-href="url">Playground</a>
</xpath>
<!-- Item n°3 : SVG with dynamic color -->
<xpath expr="(//div[hasclass('col-lg-2')])[3]//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_3.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
</xpath>
<!-- Item n°4 -->
<xpath expr="(//div[hasclass('col-lg-2')])[4]" position="attributes">
<attribute name="class" add="border rounded mx-3" separator=" "/>
<attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[4]" position="attributes">
<attribute name="class" add="pb24" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[4]//a" position="replace">
<a t-att-href="url">Events</a>
</xpath>
<!-- Item n°4 : SVG with dynamic color -->
<xpath expr="(//div[hasclass('col-lg-2')])[4]//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_4.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
</xpath>
<!-- Item n°5 -->
<xpath expr="(//div[hasclass('col-lg-2')])[5]" position="attributes">
<attribute name="class" add="border rounded mx-3" separator=" "/>
<attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[5]" position="attributes">
<attribute name="class" add="pb24" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')])[5]//a" position="replace">
<a t-att-href="url">Visit us</a>
</xpath>
<!-- Item n°5 : SVG with dynamic color -->
<xpath expr="(//div[hasclass('col-lg-2')])[5]//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_6.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
</xpath>
<!-- Remove last item -->
<xpath expr="(//div[hasclass('col-lg-2')])[6]" position="replace"/>
</template>
</odoo>
@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
<!-- Carousel item n°1 -->
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
<attribute name="class" add="pt128 pb128" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="//i" position="attributes">
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
</xpath>
<!-- Carousel item n°2 -->
<xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
<attribute name="class" add="pt128 pb128" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="(//blockquote)[2]" position="attributes">
<attribute name="class" add="mx-auto" remove="mr-auto" separator=" "/>
</xpath>
<xpath expr="(//i)[2]" position="attributes">
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
</xpath>
<!-- Carousel item n°3 -->
<xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
<attribute name="class" add="pt128 pb128" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="(//blockquote)[3]" position="attributes">
<attribute name="class" add="mx-auto" remove="ml-auto" separator=" "/>
</xpath>
<xpath expr="(//i)[3]" position="attributes">
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
</xpath>
</template>
</odoo>
@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_text_image" inherit_id="website.s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb64 pt64" remove="pb32 pt32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/13","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_13 o_we_flip_y"/>
</xpath>
<!-- First column -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="offset-lg-1 col-lg-5" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Separator -->
<xpath expr="//h2" position="after">
<div class="s_hr text-left pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-50 mr-auto" style="border-top: 4px dotted var(--o-color-1) !important;"/>
</div>
</xpath>
<!-- Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/basic/bsc_square_rounded_1.svg</attribute>
<attribute name="data-shape">web_editor/basic/bsc_square_rounded_1</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">content_img_13.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
</template>
</odoo>
@@ -0,0 +1,113 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_three_columns" inherit_id="website.s_three_columns">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1 pt112 pb0" remove="o_cc2 pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y"/>
</xpath>
<!-- Column n°1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_1/web_editor/solid/blob_1_solid_rd.svg?c2=o-color-1</attribute>
<attribute name="data-shape">web_editor/solid/blob_1_solid_rd</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_three_columns_default_image_1.svg</attribute>
<attribute name="data-shape-colors">;o-color-1;;;</attribute>
</xpath>
<!-- Column n°1 - Title -->
<xpath expr="//h3" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="//h3" position="replace" mode="inner">
Our mission
</xpath>
<!-- Column n°1 - Add separator -->
<xpath expr="//h3" position="after">
<div class="s_hr text-left pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
</div>
</xpath>
<!-- Column n°1 - Paragraph -->
<xpath expr="//p" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Our aim is to make the early years of your childs life as enjoyable, rewarding and positive as possible.
</xpath>
<!-- Column n°2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_2/web_editor/line/oval_2_line.svg?c2=o-color-3</attribute>
<attribute name="data-shape">web_editor/line/oval_2_line</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_three_columns_default_image_2.svg</attribute>
<attribute name="data-shape-colors">;o-color-3;;;</attribute>
</xpath>
<!-- Column n°2 - Title -->
<xpath expr="(//h3)[2]" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner">
For every kids
</xpath>
<!-- Column n°2 - Add separator -->
<xpath expr="(//h3)[2]" position="after">
<div class="s_hr text-left pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-1) !important;"/>
</div>
</xpath>
<!-- Column n°2 - Paragraph -->
<xpath expr="(//p)[2]" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner">
All activities are planned to meet each childs individual needs. This approach will help your child to develop to the best of their ability.
</xpath>
<!-- Column n°3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_3/web_editor/solid/blob_3_solid_rd.svg?c5=o-color-2</attribute>
<attribute name="data-shape">web_editor/solid/blob_3_solid_rd</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_three_columns_default_image_3.svg</attribute>
<attribute name="data-shape-colors">;;;;o-color-2</attribute>
</xpath>
<!-- Column n°3 - Title -->
<xpath expr="(//h3)[3]" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Open-door policy
</xpath>
<!-- Column n°3 - Add separator -->
<xpath expr="(//h3)[3]" position="after">
<div class="s_hr text-left pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
</div>
</xpath>
<!-- Column n°3 - Paragraph -->
<xpath expr="(//p)[3]" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner">
You are welcome to come and see the nursery and meet the team at any time convenient to you.
</xpath>
</template>
</odoo>