mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_loftspace: revamp the theme
This commit revamp the design of the `theme_loftspace`.
task-4178079
part of task-4177975
closes odoo/design-themes#962
X-original-commit: fa220d0170
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
@@ -44,6 +44,11 @@
|
||||
'views/snippets/s_striped_center_top.xml',
|
||||
'views/snippets/s_key_images.xml',
|
||||
'views/snippets/s_quadrant.xml',
|
||||
'views/snippets/s_striped.xml',
|
||||
'views/snippets/s_text_block.xml',
|
||||
'views/snippets/s_features.xml',
|
||||
'views/snippets/s_faq_collapse.xml',
|
||||
'views/snippets/s_quotes_carousel.xml',
|
||||
'views/snippets/s_big_number.xml',
|
||||
'views/snippets/s_wavy_grid.xml',
|
||||
'views/snippets/s_text_cover.xml',
|
||||
@@ -55,20 +60,24 @@
|
||||
'static/description/loftspace_screenshot.jpg',
|
||||
],
|
||||
'images_preview_theme': {
|
||||
'website.s_cover_default_image': '/theme_loftspace/static/src/img/snippets/s_cover.jpg',
|
||||
'website.s_banner_default_image': '/theme_loftspace/static/src/img/snippets/s_banner.jpg',
|
||||
'website.s_three_columns_default_image_1': '/theme_loftspace/static/src/img/snippets/library_image_11.jpg',
|
||||
'website.s_three_columns_default_image_2': '/theme_loftspace/static/src/img/snippets/library_image_13.jpg',
|
||||
'website.s_image_text_default_image': '/theme_loftspace/static/src/img/snippets/s_image_text.jpg',
|
||||
'website.s_product_list_default_image_1': '/theme_loftspace/static/src/img/snippets/s_product_1.jpg',
|
||||
'website.s_picture_default_image': '/theme_loftspace/static/src/img/snippets/s_picture.jpg',
|
||||
'website.s_media_list_default_image_1': '/theme_loftspace/static/src/img/snippets/s_media_list_1.jpg',
|
||||
'website.s_media_list_default_image_2': '/theme_loftspace/static/src/img/snippets/s_media_list_2.jpg',
|
||||
'website.s_text_image_default_image': '/theme_loftspace/static/src/img/snippets/s_text_image.jpg',
|
||||
'website.s_cta_box_default_image': '/theme_loftspace/static/src/img/content/s_cta_box_default_image.jpg',
|
||||
'website.s_three_columns_default_image_3': '/theme_loftspace/static/src/img/snippets/library_image_07.jpg',
|
||||
'website.library_image_03': '/theme_loftspace/static/src/img/snippets/s_images_wall_01.jpg',
|
||||
'website.library_image_02': '/theme_loftspace/static/src/img/snippets/s_images_wall_05.jpg',
|
||||
'website.library_image_10': '/theme_loftspace/static/src/img/snippets/s_images_wall_06.jpg',
|
||||
'website.library_image_05': '/theme_loftspace/static/src/img/snippets/s_images_wall_02.jpg',
|
||||
'website.library_image_07': '/theme_loftspace/static/src/img/snippets/library_image_07.jpg',
|
||||
'website.library_image_16': '/theme_loftspace/static/src/img/snippets/s_images_wall_04.jpg',
|
||||
'website.library_image_13': '/theme_loftspace/static/src/img/snippets/s_images_wall_03.jpg',
|
||||
},
|
||||
'configurator_snippets': {
|
||||
'homepage': ['s_cover', 's_three_columns', 's_title', 's_images_wall', 's_call_to_action'],
|
||||
'homepage': ['s_banner', 's_text_block', 's_striped', 's_key_images', 's_features', 's_quotes_carousel', 's_faq_collapse', 's_cta_box',],
|
||||
},
|
||||
'new_page_templates': {
|
||||
'about': {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 173 KiB After Width: | Height: | Size: 112 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
@@ -4,28 +4,43 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
|
||||
|
||||
const snippets = [
|
||||
{
|
||||
id: 's_cover',
|
||||
name: 'Cover',
|
||||
id: 's_banner',
|
||||
name: 'Banner',
|
||||
groupName: "Intro",
|
||||
},
|
||||
{
|
||||
id: 's_three_columns',
|
||||
name: 'Columns',
|
||||
groupName: "Columns",
|
||||
},
|
||||
{
|
||||
id: 's_title',
|
||||
name: 'Title',
|
||||
id: 's_text_block',
|
||||
name: 'Text',
|
||||
groupName: "Text",
|
||||
},
|
||||
{
|
||||
id: 's_images_wall',
|
||||
name: 'Images Wall',
|
||||
groupName: "Images",
|
||||
id: 's_striped',
|
||||
name: 'Striped section',
|
||||
groupName: "Content",
|
||||
},
|
||||
{
|
||||
id: 's_call_to_action',
|
||||
name: 'Call to Action',
|
||||
id: 's_key_images',
|
||||
name: 'Key Images',
|
||||
groupName: "Columns",
|
||||
},
|
||||
{
|
||||
id: 's_features',
|
||||
name: 'Features',
|
||||
groupName: "Content",
|
||||
},
|
||||
{
|
||||
id: 's_quotes_carousel',
|
||||
name: 'Quotes',
|
||||
groupName: "People",
|
||||
},
|
||||
{
|
||||
id: 's_faq_collapse',
|
||||
name: 'FAQ Block',
|
||||
groupName: "Text",
|
||||
},
|
||||
{
|
||||
id: 's_cta_box',
|
||||
name: 'Box Call to Action',
|
||||
groupName: "Content",
|
||||
},
|
||||
];
|
||||
@@ -39,6 +54,10 @@ wTourUtils.registerThemeHomepageTour("loftspace_tour", () => [
|
||||
...wTourUtils.dragNDrop(snippets[2]),
|
||||
...wTourUtils.dragNDrop(snippets[3]),
|
||||
...wTourUtils.dragNDrop(snippets[4]),
|
||||
...wTourUtils.dragNDrop(snippets[5]),
|
||||
...wTourUtils.dragNDrop(snippets[6]),
|
||||
...wTourUtils.dragNDrop(snippets[7]),
|
||||
...wTourUtils.dragNDrop(snippets[8]),
|
||||
...wTourUtils.clickOnSnippet(snippets[4]),
|
||||
wTourUtils.changeBackgroundColor(),
|
||||
wTourUtils.selectColorPalette(),
|
||||
|
||||
@@ -329,22 +329,22 @@ Check in primary_variables.scss and theme.scss -->
|
||||
<record id="s_key_images_default_image_1" model="theme.ir.attachment">
|
||||
<field name="key">website.s_key_images_default_image_1</field>
|
||||
<field name="name">website.s_key_images_default_image_1</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_images_wall_01.jpg</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_key_images_default_image_1.jpg</field>
|
||||
</record>
|
||||
<record id="s_key_images_default_image_2" model="theme.ir.attachment">
|
||||
<field name="key">website.s_key_images_default_image_2</field>
|
||||
<field name="name">website.s_key_images_default_image_2</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/library_image_11.jpg</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_key_images_default_image_2.jpg</field>
|
||||
</record>
|
||||
<record id="s_key_images_default_image_3" model="theme.ir.attachment">
|
||||
<field name="key">website.s_key_images_default_image_3</field>
|
||||
<field name="name">website.s_key_images_default_image_3</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_images_wall_05.jpg</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_key_images_default_image_3.jpg</field>
|
||||
</record>
|
||||
<record id="s_key_images_default_image_4" model="theme.ir.attachment">
|
||||
<field name="key">website.s_key_images_default_image_4</field>
|
||||
<field name="name">website.s_key_images_default_image_4</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/library_image_13.jpg</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_key_images_default_image_4.jpg</field>
|
||||
</record>
|
||||
<record id="s_kickoff_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_kickoff_default_image</field>
|
||||
@@ -406,5 +406,10 @@ Check in primary_variables.scss and theme.scss -->
|
||||
<field name="name">website.s_empowerment_default_image</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_empowerment_default_image.jpg</field>
|
||||
</record>
|
||||
<record id="s_cta_box_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_cta_box_default_image</field>
|
||||
<field name="name">website.s_cta_box_default_image</field>
|
||||
<field name="url">/theme_loftspace/static/src/img/snippets/s_cta_box_default_image.jpg</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -9,6 +9,43 @@
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_features" inherit_id="website.new_page_template_about_s_features">
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/div/h3" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/div/h3" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/div/h3" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/div/p" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/div/p" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/div/p" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Landing -->
|
||||
|
||||
<template id="new_page_template_landing_s_features" inherit_id="website.new_page_template_landing_s_features">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt48" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Gallery -->
|
||||
|
||||
<template id="new_page_template_gallery_s_banner" inherit_id="website.new_page_template_gallery_s_banner">
|
||||
<xpath expr="//h1" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- General customizations -->
|
||||
|
||||
<template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
|
||||
@@ -93,13 +130,12 @@
|
||||
<!-- Snippet customization About Pages -->
|
||||
|
||||
<template id="new_page_template_about_s_banner" inherit_id="website.new_page_template_about_s_banner">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/07","flip":[]}</attribute>
|
||||
<!-- Text -->
|
||||
<xpath expr="//h1" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_07"/>
|
||||
<xpath expr="//p" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
@@ -175,17 +211,6 @@
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_1_s_banner" inherit_id="website.new_page_template_landing_1_s_banner">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/07","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_07"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
@@ -195,17 +220,6 @@
|
||||
|
||||
<!-- Snippet customization Gallery Pages -->
|
||||
|
||||
<template id="new_page_template_gallery_s_banner" inherit_id="website.new_page_template_gallery_s_banner">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/07","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_07"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_gallery_s_cover" inherit_id="website.new_page_template_gallery_s_cover">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
@@ -318,4 +332,10 @@
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_image_text" inherit_id="website.new_page_template_about_s_image_text">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" remove="pt64 pb64" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -4,16 +4,48 @@
|
||||
<template id="s_banner" inherit_id="website.s_banner">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc4" separator=" "/>
|
||||
<attribute name="class" add="o_cc o_cc5" remove="pt96 pb96" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
The art of Design
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container')]" position="attributes">
|
||||
<attribute name="class" add="container-fluid" remove="container" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Our products are designed for small to medium size companies willing to optimize their performance.
|
||||
<!-- Row -->
|
||||
<xpath expr="//div[hasclass('row')]" position="attributes">
|
||||
<attribute name="data-row-count">20</attribute>
|
||||
</xpath>
|
||||
|
||||
<!-- First item -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[1]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 8 / 2 / 14 / 12; z-index: 3;" remove="grid-area: 1 / 1 / 11 / 5;z-index: 1" separator=";"/>
|
||||
<attribute name="class" add="col-lg-10 g-col-lg-10 g-height-6" remove="col-lg-4 g-col-lg-4 g-height-10" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//h1" position="replace">
|
||||
<h1 class="display-1" style="text-align: center;">Generation<br/>Furniture Co.</h1>
|
||||
</xpath>
|
||||
<xpath expr="//p" position="replace"/>
|
||||
<xpath expr="//a[hasclass('btn')]" position="replace"/>
|
||||
|
||||
<!-- Second item -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
|
||||
<attribute name="style" add="--grid-item-padding-x: 0px; --grid-item-padding-y: 0px; grid-area: 1 / 1 / 16 / 6;" remove="grid-area: 1 / 8 / 11 / 12;" separator=";"/>
|
||||
<attribute name="class" add="col-lg-5 g-col-lg-5 g-height-15" remove="col-lg-4 g-col-lg-4 g-height-10" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
<!-- Third item -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
|
||||
<attribute name="style" add="--grid-item-padding-x: 0px; --grid-item-padding-y: 0px; grid-area: 8 / 9 / 21 / 13; z-index: 2;" remove="grid-area: 2 / 11 / 7 / 13;z-index: 3;" separator=";"/>
|
||||
<attribute name="class" add="col-lg-4 g-col-lg-4 g-height-13" remove="col-lg-2 g-col-lg-2 g-height-5" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]//img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
<!-- Blockquote -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[4]" position="replace"/>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -31,15 +31,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/Airy/13_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Add shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Airy_13_001"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -2,25 +2,25 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_cta_box" inherit_id="website.s_cta_box">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Card -->
|
||||
<xpath expr="//div[hasclass('card')]" position="attributes">
|
||||
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
|
||||
<attribute name="class" add="o_cc1" remove="o_cc4" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Your new interior awaits !
|
||||
Transform your space with<br/>our furniture. Contact us<br/>to bring your vision to life!<br/>
|
||||
</xpath>
|
||||
<!-- Paragraphs -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Unleash your inner artist and give yourself the perfect interior design<br/><br/>
|
||||
</xpath>
|
||||
<!-- Image -->
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="src">/theme_loftspace/static/src/img/content/content_img_03.jpg</attribute>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace">
|
||||
<p><br/></p>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
|
||||
Shop now
|
||||
<xpath expr="//a[hasclass('btn')]" position="attributes">
|
||||
<attribute name="class" remove="btn-lg" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_faq_collapse" inherit_id="website.s_faq_collapse">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h3" position="replace">
|
||||
<h2>Frequently asked question</h2>
|
||||
</xpath>
|
||||
<xpath expr="//p" position="replace"/>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,69 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_features" inherit_id="website.s_features">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt72 pb128" remove="pt64 pb64" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-12')]/h3" position="replace" mode="inner">
|
||||
Customer benefits
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-12')]/p" position="replace" mode="inner">
|
||||
Enjoy these added advantages with every purchase
|
||||
</xpath>
|
||||
<!-- Column #01 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[1]" position="replace">
|
||||
<div class="col-lg-3">
|
||||
<div class="s_hr pt-4 pb32">
|
||||
<hr class="w-100 mx-auto"/>
|
||||
</div>
|
||||
<i class="s_features_icon fa fa-send d-block fa-3x mx-auto mb-3" role="img"/>
|
||||
<div class="overflow-hidden">
|
||||
<h3 class="h5-fs" style="text-align: center;">Free Shipping</h3>
|
||||
<p style="text-align: center;">Free shipping over $100</p>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column #02 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[2]" position="replace">
|
||||
<div class="col-lg-3">
|
||||
<div class="s_hr pt-4 pb32">
|
||||
<hr class="w-100 mx-auto"/>
|
||||
</div>
|
||||
<i class="s_features_icon fa fa-truck d-block fa-3x mx-auto mb-3" role="img"/>
|
||||
<div class="overflow-hidden">
|
||||
<h3 class="h5-fs" style="text-align: center;">Fast Delivery</h3>
|
||||
<p style="text-align: center;">Get your furniture delivered quickly.</p>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column #03 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[3]" position="replace">
|
||||
<div class="col-lg-3">
|
||||
<div class="s_hr pt-4 pb32">
|
||||
<hr class="w-100 mx-auto"/>
|
||||
</div>
|
||||
<i class="s_features_icon fa fa-map-marker d-block fa-3x mx-auto mb-3" role="img"/>
|
||||
<div class="overflow-hidden">
|
||||
<h3 class="h5-fs" style="text-align: center;">Order Tracking</h3>
|
||||
<p style="text-align: center;">Track your order in real-time, anytime.</p>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column #04 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[3]" position="after">
|
||||
<div class="col-lg-3">
|
||||
<div class="s_hr pt-4 pb32">
|
||||
<hr class="w-100 mx-auto"/>
|
||||
</div>
|
||||
<i class="s_features_icon fa fa-life-bouy d-block fa-3x mx-auto mb-3" role="img"/>
|
||||
<div class="overflow-hidden">
|
||||
<h3 class="h5-fs" style="text-align: center;">24/7 Support</h3>
|
||||
<p style="text-align: center;">We're here to help you, day and night.</p>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -2,29 +2,63 @@
|
||||
<odoo>
|
||||
|
||||
<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=" "/>
|
||||
<!-- Texts -->
|
||||
<xpath expr="//h2" position="before">
|
||||
<p class="o_small">
|
||||
New in Store
|
||||
</p>
|
||||
</xpath>
|
||||
<xpath expr="//h2" position="replace">
|
||||
<h3>Creating pieces that resonate with enduring quality,<br/>elegant simplicity, and sustainable innovation.</h3>
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace"/>
|
||||
|
||||
<!-- First col -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')]//p" position="replace"/>
|
||||
<xpath expr="//div[hasclass('col-lg-3')]/p/img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])//p[2]" position="before">
|
||||
<h4>Carmine Leather Sofa</h4>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-3')]//p[2]" position="replace">
|
||||
<p class="lead">$80.00</p>
|
||||
</xpath>
|
||||
|
||||
<!-- Texts -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Transform Your Space with Elegant Furniture
|
||||
<!-- Second col -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')][2]//p" position="replace"/>
|
||||
<xpath expr="//div[hasclass('col-lg-3')][2]/p/img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
Stylish and Functional Pieces for Every Room
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[2]//p[2]" position="before">
|
||||
<h4>Oakridge Dining Set</h4>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-3')]//p[3]" position="replace" mode="inner">
|
||||
Discover quality craftsmanship and timeless designs
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[2]//p[2]" position="replace">
|
||||
<p class="lead">$184.00</p>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[2]//p[3]" position="replace" mode="inner">
|
||||
From contemporary to classic, find your perfect style
|
||||
|
||||
<!-- Third col -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')][3]//p" position="replace"/>
|
||||
<xpath expr="//div[hasclass('col-lg-3')][3]/p/img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[3]//p[3]" position="replace" mode="inner">
|
||||
Customizable options to suit your unique taste
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[3]//p[2]" position="before">
|
||||
<h4>Mapleton Chair</h4>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[4]//p[3]" position="replace" mode="inner">
|
||||
Elevate your home with our exceptional furniture selection
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[3]//p[2]" position="replace">
|
||||
<p class="lead">$349.00</p>
|
||||
</xpath>
|
||||
|
||||
<!-- Last col -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')][4]//p" position="replace"/>
|
||||
<xpath expr="//div[hasclass('col-lg-3')][4]//p/img" position="attributes">
|
||||
<attribute name="class" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[4]//p[2]" position="before">
|
||||
<h4>Birchwood Stool</h4>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-3')])[4]//p[2]" position="replace">
|
||||
<p class="lead">$859.00</p>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<template id="s_numbers" inherit_id="website.s_numbers">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb192 o_cc5" remove="pb80 o_cc1" separator=" "/>
|
||||
<attribute name="class" add="pb192" remove="pb80" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/03_001","flip":["y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
|
||||
@@ -0,0 +1,64 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
|
||||
<!-- Change carousel style -->
|
||||
<xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
|
||||
<attribute name="class" add="s_carousel_default" remove="s_carousel_boxed" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
<!-- Hide indicators -->
|
||||
<xpath expr="//div[hasclass('carousel-indicators')]" position="attributes">
|
||||
<attribute name="class" add="s_carousel_indicators_hidden" remove="s_carousel_indicators_dots" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
<!-- Quote 1 -->
|
||||
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
|
||||
<attribute name="class" add="pt168" remove="pt80" separator=" "/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="//blockquote[hasclass('s_blockquote')][1]" position="attributes">
|
||||
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[1]" position="replace" mode="inner">
|
||||
"Dining set is top quality<br/>and fits perfectly!"
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[1]//strong" position="replace" mode="inner">
|
||||
Linda
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[1]//span//span" position="replace"/>
|
||||
|
||||
<!-- Quote 2 -->
|
||||
<xpath expr="(//*[hasclass('carousel-item')])[2]" position="attributes">
|
||||
<attribute name="class" add="pt168" remove="pt80" separator=" "/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="(//blockquote[hasclass('s_blockquote')])[2]" position="attributes">
|
||||
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[2]" position="replace" mode="inner">
|
||||
"Desk is stylish and built to last!"
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
|
||||
Jack
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[2]//span//span" position="replace"/>
|
||||
|
||||
<!-- Quote 3 -->
|
||||
<xpath expr="(//*[hasclass('carousel-item')])[3]" position="attributes">
|
||||
<attribute name="class" add="pt168" remove="pt80" separator=" "/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="(//blockquote[hasclass('s_blockquote')])[3]" position="attributes">
|
||||
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace" mode="inner">
|
||||
"Sofa is both chic and super comfy!"
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[3]//strong" position="replace" mode="inner">
|
||||
Rose
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[3]//span//span" position="replace"/>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_striped" inherit_id="website.s_striped">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb0" remove="pb96" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Section -->
|
||||
<xpath expr="//div[hasclass('row')]" position="attributes">
|
||||
<attribute name="class" add="o_grid_mode" separator=" "/>
|
||||
<attribute name="data-row-count">14</attribute>
|
||||
</xpath>
|
||||
<!-- Remove the title -->
|
||||
<xpath expr="//div[hasclass('col-lg-12')]" position="replace"/>
|
||||
|
||||
<xpath expr="//div[hasclass('row')]/div" position="attributes">
|
||||
<attribute name="class" add="o_grid_item o_grid_item_image g-col-lg-8 g-height-12" remove="pt24 pb24" separator=" "/>
|
||||
<attribute name="style" add="grid-area: 3 / 1 / 15 / 9; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;" separator=";"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="configurator_s_text_block" inherit_id="website.configurator_s_text_block" name="Loftspace s_text_block">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 pt112" remove="pt40" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container')]" position="replace">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 offset-lg-2 pb16">
|
||||
<p class="o_small">⎯ &nbsp;OUR PHILOSOPHY</p>
|
||||
</div>
|
||||
<div class="col-lg-10 offset-lg-2 pb16">
|
||||
<h2>Design innovation<br/>meeting function</h2>
|
||||
</div>
|
||||
<!-- Column #01 -->
|
||||
<div class="col-lg-4 offset-lg-2">
|
||||
<p>
|
||||
Design Innovation meets function in our family-run furniture company, where every creation blends cutting-edge style with practical usability. Our commitment is to deliver designs that enhance your living spaces with both beauty and practicality. Each piece reflects our dedication to craftsmanship and functionality, making your home more elegant and functional.
|
||||
</p>
|
||||
</div>
|
||||
<!-- Column #02 -->
|
||||
<div class="col-lg-4 offset-lg-1">
|
||||
<p>
|
||||
With a rich family heritage in furniture making, we bring together innovative design and everyday functionality. Our focus is on crafting pieces that not only look stunning but also serve practical purposes. Each item is thoughtfully designed to meet your needs while adding a touch of elegance to your home.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -4,7 +4,7 @@
|
||||
<template id="s_text_image" inherit_id="website.s_text_image">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt64 pb64 o_cc o_cc5" remove="pt80 pb80" separator=" "/>
|
||||
<attribute name="class" add="pt64 pb64" remove="pt80 pb80" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/10","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
|
||||
Reference in New Issue
Block a user