NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_notes: revamp theme

Browse Source 
Revamp the theme design and adapt its existing snippets

task-4178083
Part of task-4177975

closes odoo/design-themes#927

Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
This commit is contained in:
mano-odoo
2024-09-19 18:09:29 +02:00
parent d424e76954
commit 0bb5f6c93e
33 changed files with 458 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_notes/__manifest__.py
+16 -7
View File
@@ -13,6 +13,7 @@
'views/snippets/s_cta_box.xml',
'views/snippets/s_carousel.xml',
'views/snippets/s_striped.xml',
'views/snippets/s_striped_top.xml',
'views/snippets/s_cards_grid.xml',
'views/snippets/s_carousel_intro.xml',
@@ -24,6 +25,7 @@
'views/snippets/s_masonry_block.xml',
'views/snippets/s_product_catalog.xml',
'views/snippets/s_freegrid.xml',
'views/snippets/s_title.xml',
'views/snippets/s_banner.xml',
'views/snippets/s_cover.xml',
'views/snippets/s_card_offset.xml',
@@ -31,6 +33,7 @@
'views/snippets/s_image_title.xml',
'views/snippets/s_framed_intro.xml',
'views/snippets/s_numbers.xml',
'views/snippets/s_image_text_overlap.xml',
'views/snippets/s_three_columns.xml',
'views/snippets/s_color_blocks_2.xml',
'views/snippets/s_company_team_detail.xml',
@@ -42,6 +45,7 @@
'views/snippets/s_features_grid.xml',
'views/snippets/s_product_list.xml',
'views/snippets/s_parallax.xml',
'views/snippets/s_pricelist_cafe.xml',
'views/snippets/s_comparisons.xml',
'views/snippets/s_quotes_carousel.xml',
'views/snippets/s_quotes_carousel_minimal.xml',
@@ -66,16 +70,21 @@
'static/description/notes_screenshot.jpg',
],
'images_preview_theme': {
'website.s_carousel_default_image_1': '/theme_notes/static/src/img/content/content_img_22.jpg',
'website.s_masonry_block_default_image_1': '/theme_notes/static/src/img/content/content_img_21.jpg',
'website.library_image_03': '/theme_notes/static/src/img/content/library_image_19.jpg',
'website.library_image_05': '/theme_notes/static/src/img/content/library_image_05.jpg',
'website.library_image_10': '/theme_notes/static/src/img/content/library_image_10.jpg',
'website.library_image_14': '/theme_notes/static/src/img/content/library_image_14.jpg',
'website.library_image_16': '/theme_notes/static/src/img/content/library_image_16.jpg',
'website.s_carousel_default_image_2': '/theme_notes/static/src/img/content/content_img_23.jpg',
'website.s_cover_default_image': '/theme_notes/static/src/img/content/content_img_14.jpg',
'website.s_image_text_default_image': '/theme_notes/static/src/img/content/content_img_16.jpg',
'website.s_three_columns_default_image_1': '/theme_notes/static/src/img/content/content_img_18.jpg',
'website.s_three_columns_default_image_2': '/theme_notes/static/src/img/content/content_img_19.jpg',
'website.s_three_columns_default_image_3': '/theme_notes/static/src/img/content/content_img_20.jpg',
'website.s_text_image_default_image': '/theme_notes/static/src/img/content/content_img_15.jpg',
'website.s_product_catalog_default_image': '/theme_notes/static/src/img/content/s_product_catalog_default_image.jpg',
'website.s_media_list_default_image_1': '/theme_notes/static/src/img/content/content_img_25.jpg',
'website.s_media_list_default_image_2': '/theme_notes/static/src/img/content/content_img_26.jpg',
'website.s_media_list_default_image_3': '/theme_notes/static/src/img/content/content_img_27.jpg',
},
'configurator_snippets': {
'homepage': ['s_carousel', 's_masonry_block', 's_text_image', 's_product_catalog', 's_media_list', 's_company_team'],
'homepage': ['s_framed_intro', 's_image_text', 's_three_columns', 's_images_wall', 's_text_image', 's_company_team_shapes', 's_title', 's_call_to_action'],
},
'new_page_templates': {
'about': {
theme_notes/static/description/notes_screenshot.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 246 KiB

After

Width:  |  Height:  |  Size: 151 KiB

theme_notes/static/description/theme_notes.svg
+207 -264
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 101 KiB

theme_notes/static/src/js/tour.js
+29 -17
View File
@@ -5,39 +5,49 @@ import { _t } from "@web/core/l10n/translation";
const snippets = [
{
id: 's_carousel',
name: 'Carousel',
id: 's_framed_intro',
name: 'Framed Intro',
groupName: "Intro",
},
{
id: 's_masonry_block',
name: 'Masonry',
id: 's_image_text',
name: 'Image Text',
groupName: "Images",
},
{
id: 's_three_columns',
name: 'Three Columns',
groupName: "Content",
},
{
id: 's_images_wall',
name: 'Images Wall',
groupName: "Content",
},
{
id: 's_text_image',
name: 'Text - Image',
name: 'Text Image',
groupName: "Content",
},
{
id: 's_product_catalog',
name: 'Pricelist',
groupName: "Content",
},
{
id: 's_media_list',
name: 'Media List',
groupName: "Content",
},
{
id: 's_company_team',
id: 's_company_team_shapes',
name: 'Team',
groupName: "People",
},
{
id: 's_title',
name: 'Title',
groupName: "Content",
},
{
id: 's_call_to_action',
name: 'Call to Action',
groupName: "Content",
},
];
wTourUtils.registerThemeHomepageTour("notes_tour", () => [
wTourUtils.assertCssVariable('--color-palettes-name', '"notes-1"'),
wTourUtils.assertCssVariable('--color-palettes-name', '"default-19"'),
...wTourUtils.dragNDrop(snippets[0]),
...wTourUtils.clickOnText(snippets[0], 'h2'),
wTourUtils.goBackToBlocks(),
@@ -49,4 +59,6 @@ wTourUtils.registerThemeHomepageTour("notes_tour", () => [
...wTourUtils.dragNDrop(snippets[3]),
...wTourUtils.dragNDrop(snippets[4]),
...wTourUtils.dragNDrop(snippets[5]),
...wTourUtils.dragNDrop(snippets[6]),
...wTourUtils.dragNDrop(snippets[7]),
]);
theme_notes/static/src/scss/primary_variables.scss
+6 -4
View File
@@ -108,6 +108,10 @@ $o-theme-font-configs: (
'family': ('Montserrat', sans-serif),
'url': 'Montserrat:300,300i,400,400i,700,700i',
),
'Open Sans': (
'family': ('Open Sans', sans-serif),
'url': 'Open+Sans:300,300i,400,400i,600,600i',
),
);
//------------------------------------------------------------------------------
@@ -116,11 +120,11 @@ $o-theme-font-configs: (
$o-website-values-palettes: (
(
'color-palettes-name': 'notes-1',
'color-palettes-name': 'default-19',
'header-font-size': 1rem,
'logo-height': 3rem,
'fixed-logo-height': 3rem,
'font': 'Oxygen',
'font': 'Open Sans',
'headings-font': 'Montserrat',
'navbar-font': 'Montserrat',
'buttons-font': 'Montserrat',
@@ -129,8 +133,6 @@ $o-website-values-palettes: (
),
);
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'notes-1');
$o-color-palettes-compatibility-indexes: (
1: 'notes-1',
2: 'notes-2',
theme_notes/views/new_page_template.xml
-9
View File
@@ -11,15 +11,6 @@
<!-- General customizations -->
<template id="new_page_template_s_call_to_action_digital" inherit_id="website.new_page_template_s_call_to_action_digital">
<!-- Remove shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data"/>
</xpath>
<!-- Remove shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="new_page_template_s_carousel" inherit_id="website.new_page_template_s_carousel">
<!-- Slide #1 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
theme_notes/views/snippets/s_banner.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
<attribute name="class" add="o_cc o_cc3" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
</xpath>
<!-- Shape -->
theme_notes/views/snippets/s_big_number.xml
+1
View File
@@ -4,6 +4,7 @@
<template id="s_big_number" inherit_id="website.s_big_number">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/04"}</attribute>
</xpath>
theme_notes/views/snippets/s_call_to_action.xml
-5
View File
@@ -5,13 +5,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb72 pt96 oe_img_bg o_bg_img_center" remove="pt64 pb64" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_call_to_action_default_image'); background-position: 50% 34%;</attribute>
</xpath>
<!-- Shape & filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<div class="o_we_shape o_web_editor_Floats_12"/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace">
@@ -22,9 +20,6 @@
Join us and make this weekend unforgettable!
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="flat" separator=" "/>
</xpath>
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Get your ticket
</xpath>
theme_notes/views/snippets/s_carousel.xml
-27
View File
@@ -43,31 +43,4 @@
</xpath>
</template>
<template id="configurator_s_carousel" inherit_id="website.configurator_s_carousel">
<!-- Slide #1 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<!-- Slide #1 - Shape -->
<xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Slide #2 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":[]}</attribute>
</xpath>
<!-- Slide #2 - Shape -->
<xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25 o_second_extra_shape_mapping"/>
</xpath>
<!-- Slide #3 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<!-- Slide #3 - Shape -->
<xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25 o_third_extra_shape_mapping" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-2&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_company_team_shapes.xml
+6 -3
View File
@@ -3,11 +3,14 @@
<template id="s_company_team_shapes" inherit_id="website.s_company_team_shapes">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 pb168" remove="o_cc2 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/14','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
<attribute name="class" add="o_cc1 pt80 pb80" remove="o_cc2 pt48 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/05','colors':{'c3':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('o_container_small')]" position="before">
<div class="o_we_shape o_web_editor_Airy_14"/>
<div class="o_we_shape o_web_editor_Origins_05" style="background-image: url('/web_editor/shape/web_editor/Origins/05.svg?c3=o-color-1');"></div>
</xpath>
<xpath expr="//h2" position="replace">
<h2 style="text-align: center;"><span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 4px; --text-highlight-color: var(--o-color-4);"><span class="o_text_highlight_item">Meet The Band<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,44 h 285.4921875" class="o_text_highlight_path_underline"></path></svg></span></span></h2>
</xpath>
</template>
theme_notes/views/snippets/s_cta_box.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="class" add="o_cc3" remove="o_cc4" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
theme_notes/views/snippets/s_features_grid.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_features_grid" inherit_id="website.s_features_grid">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 pb72 pt96" remove="pt64 pb64" separator=" "/>
<attribute name="class" add="o_cc o_cc3 pb72 pt96" remove="pt64 pb64" separator=" "/>
</xpath>
</template>
theme_notes/views/snippets/s_framed_intro.xml
+5 -2
View File
@@ -4,11 +4,11 @@
<template id="s_framed_intro" inherit_id="website.s_framed_intro">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
<attribute name="class" add="o_cc o_cc3 pt80 pb80" remove="pt56 pb56" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Unplug &amp; Unwind: The Ultimate Music Experience
Unplug &amp; Unwind: The <span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 6px; --text-highlight-color: var(--o-color-1);"><span class="o_text_highlight_item">Ultimate<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,59 h 208.65625" class="o_text_highlight_path_underline"></path></svg></span></span> Music Experience
</xpath>
<!-- Image -->
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
@@ -17,6 +17,9 @@
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_three_columns_default_image_2</attribute>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
A groundbreaking force in modern rock, bringing an electrifying blend of high-energy performances and innovative sound
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_image_frame.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_image_frame" inherit_id="website.s_image_frame">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
<attribute name="class" remove="o_cc1" add="o_cc3" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
theme_notes/views/snippets/s_image_gallery.xml
+19
View File
@@ -9,10 +9,29 @@
</template>
<template id="s_images_wall" inherit_id="website.s_images_wall">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb80" remove="pt24 pb24" separator=" "/>
<attribute name="data-oe-shape-data" add="{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-1','c4':'o-color-4','c5':'o-color-1'},'flip':['x'],'showOnMobile':false,'shapeAnimationSpeed':'0'}"/>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<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-1&amp;c4=o-color-4&amp;c5=o-color-1&amp;flip=x');"></div>
</xpath>
<xpath expr="//div[hasclass('row')]/." position="before">
<div class="col-lg-12">
<h2 style="text-align: center;"><span class="o_text_highlight o_text_highlight_underline o_translate_inline" style="--text-highlight-color: var(--o-color-4); --text-highlight-width: 3px;"><span class="o_text_highlight_item">Band Gallery<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,44 h 241.765625" class="o_text_highlight_path_underline"></path></svg></span></span></h2>
<p>
<br/>
</p>
</div>
</xpath>
<!-- First image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.library_image_19</attribute>
</xpath>
<!-- Third image -->
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web/image/website.s_cover_default_image</attribute>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_image_hexagonal.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_image_hexagonal" inherit_id="website.s_image_hexagonal">
<!-- Section -->
<xpath expr="section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
<attribute name="class" add="o_cc o_cc3" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
theme_notes/views/snippets/s_image_text.xml
+9 -5
View File
@@ -4,8 +4,11 @@
<template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" remove="pt80 pb80" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":[]}</attribute>
<attribute name="class" add="o_cc o_cc1" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/02_001','colors':{'c4':'o-color-1','c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//section/div" 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-1&amp;c5=o-color-4');"/>
</xpath>
<!-- Text wrapper -->
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
@@ -13,13 +16,14 @@
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//h2" position="replace" mode="inner">
The History
<span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 3px; --text-highlight-color: var(--o-color-1);"><span class="o_text_highlight_item">Redefining modern rocks<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,34 h 373.15625" class="o_text_highlight_path_underline"/></svg></span></span>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
<br/>
</xpath>
<xpath expr="//p[2]" position="replace" mode="inner">
The Miraillet Festival was born in 2002 from a common will of cultural, touristic and institutional actors of the region to propose a major cultural event in the very heart of the region during the summer period.
<xpath expr="//p[2]" position="replace">
<p>With electrifying performances and a sound that's both raw and innovative, they bring an energy that keeps fans captivated from start to finish.</p>
<p>Their music isn't just heard—it's felt, combining powerful melodies with deeply relatable lyrics. Each song connects on a personal level, while their unmatched musicianship drives every note forward.</p>
</xpath>
<!-- Img wrapper -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
theme_notes/views/snippets/s_image_text_overlap.xml
+14
View File
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_text_overlap" inherit_id="website.s_image_text_overlap">
<!-- Text tile -->
<xpath expr="//div[hasclass('o_cc5')]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
</xpath>
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-primary" remove="btn-secondary" separator=" "/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_key_images.xml
+1 -1
View File
@@ -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=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11",'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
theme_notes/views/snippets/s_media_list.xml
-11
View File
@@ -91,15 +91,4 @@
</xpath>
</template>
<template id="configurator_s_media_list" inherit_id="website.configurator_s_media_list">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/01_001.svg?c2=o-color-3&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_numbers.xml
+3 -3
View File
@@ -12,7 +12,7 @@
</xpath>
<!-- Column #1 -->
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" add="pt104 pb64 o_cc o_cc5" separator=" "/>
<attribute name="class" add="pt104 pb64 o_cc o_cc3" separator=" "/>
</xpath>
<!-- Column #2 -->
<xpath expr="(//div[hasclass('col-lg-4')])[2]" position="attributes">
@@ -24,7 +24,7 @@
</xpath>
<!-- Column #3 -->
<xpath expr="(//div[hasclass('col-lg-4')])[3]" position="attributes">
<attribute name="class" add="pt104 pb104 o_cc o_cc2" remove="pt24 pb24" separator=" "/>
<attribute name="class" add="pt104 pb104 o_cc o_cc4" remove="pt24 pb24" separator=" "/>
</xpath>
<!-- Column #3 - Text -->
<xpath expr="(//span[hasclass('s_number')])[2]" position="replace" mode="inner">
@@ -35,7 +35,7 @@
</xpath>
<!-- Column #4 -->
<xpath expr="(//div[hasclass('col-lg-4')])[4]" position="attributes">
<attribute name="class" add="pt104 pb104 o_cc o_cc3" remove="pt24 pb24" separator=" "/>
<attribute name="class" add="pt104 pb104 o_cc o_cc2" remove="pt24 pb24" separator=" "/>
</xpath>
<!-- Column #4 - Text -->
<xpath expr="(//span[hasclass('h5-fs')])[3]" position="replace" mode="inner">
theme_notes/views/snippets/s_pricelist_boxed.xml
+1 -1
View File
@@ -5,7 +5,7 @@
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-scroll-background-ratio"/>
<attribute name="class" add="o_cc o_cc5" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="class" add="o_cc o_cc3" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Rainy/08_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
theme_notes/views/snippets/s_pricelist_cafe.xml
+21
View File
@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_pricelist_cafe" inherit_id="website.s_pricelist_cafe">
<!-- Shape Color -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/19','colors':{'c5':'o-color-2'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
<attribute name="style">background-image: url('/web_editor/shape/web_editor/Origins/19.svg?c5=o-color-2');</attribute>
</xpath>
<!-- Col colors -->
<xpath expr="//div[hasclass('o_cc5')]" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_cc5')]" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_product_catalog.xml
+3 -3
View File
@@ -4,15 +4,15 @@
<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 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb64 pt64" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/10","flip":[]}</attribute>
<attribute name="class" add="o_cc o_cc3 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb64 pt64" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/18","flip":[]}</attribute>
<attribute name="data-scroll-background-ratio">1</attribute>
</xpath>
<!-- Shape & Background image -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
<span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
<div class="o_we_bg_filter bg-black-50"/>
<div class="o_we_shape o_web_editor_Wavy_10"/>
<div class="o_we_shape o_web_editor_Origins_18"/>
</xpath>
<!-- Title & subtitles -->
<xpath expr="//h2" position="replace">
theme_notes/views/snippets/s_product_list.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_product_list" inherit_id="website.s_product_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 pb80 pt96" remove="pt64 pb64" separator=" "/>
<attribute name="class" add="o_cc o_cc3 pb80 pt96" remove="pt64 pb64" separator=" "/>
</xpath>
<!-- Item #1 -->
<xpath expr="//div[hasclass('col-lg-2')]//h3/a" position="replace" mode="inner">
theme_notes/views/snippets/s_quotes_carousel.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
<!-- Section -->
<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="//div[hasclass('s_quotes_carousel')]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center" remove="carousel-dark" separator=" "/>
theme_notes/views/snippets/s_striped.xml
+11
View File
@@ -0,0 +1,11 @@
<?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="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_striped_center_top.xml
+4
View File
@@ -2,6 +2,10 @@
<odoo>
<template id="s_striped_center_top" inherit_id="website.s_striped_center_top">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Unleash the Power of Live Music
theme_notes/views/snippets/s_striped_top.xml
+4
View File
@@ -2,6 +2,10 @@
<odoo>
<template id="s_striped_top" inherit_id="website.s_striped_top">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="attributes">
<attribute name="class" add="h2-fs" separator=" "/>
theme_notes/views/snippets/s_text_image.xml
+10 -6
View File
@@ -4,26 +4,30 @@
<template id="s_text_image" inherit_id="website.s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc1" separator=" "/>
<attribute name="class" add="o_cc o_cc3" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//h2" position="replace" mode="inner">
About the Festival
<span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 3px; --text-highlight-color: var(--o-color-1);"><span class="o_text_highlight_item">Our History<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,34 h 168.0625" class="o_text_highlight_path_underline"></path></svg></span></span>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
<br/>
</xpath>
<xpath expr="//p[2]" position="replace" mode="inner">
The Miraillet Festival was born in 2002 from a common will of cultural, touristic and institutional actors of the region to propose a major cultural event in the very heart of the region during the summer period.
</xpath>
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Discover more
<p>Their early days were spent playing small gigs at local clubs, where they rapidly gained a reputation for their high-energy performances and innovative sound. As they honed their craft, their fanbase grew, fueled by word-of-mouth buzz and their undeniable chemistry on stage.</p>
<p>With each new release, Nova Pulse has continued to evolve, experimenting with different genres while staying true to their unique style. Their relentless drive and commitment to making authentic, powerful music have brought them to where they are today—a band on the brink of rock stardom.</p>
</xpath>
<!-- Remove the button -->
<xpath expr="//a[hasclass('btn')]" position="replace"/>
<!-- Image wrapper -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-4 offset-lg-2" remove="col-lg-6 offset-lg-1" separator=" "/>
</xpath>
<!-- Text wrapper -->
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-5" separator=" "/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_three_columns.xml
+63 -5
View File
@@ -4,12 +4,70 @@
<template id="s_three_columns" inherit_id="website.s_three_columns">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt104 pb104" remove="pt32 pb32" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_three_columns_default_image');</attribute>
<attribute name="class" add="o_cc4 pt80 pb120" remove="o_cc2 pt32 pb32" separator=" "/>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<!-- Title -->
<xpath expr="//div[hasclass('row')]/." position="before">
<div class="col-lg-12">
<h2 style="text-align: center;">
<span class="o_text_highlight o_text_highlight_underline o_translate_inline" style="--text-highlight-width: 4px; --text-highlight-color: var(--o-color-4);"><span class="o_text_highlight_item">Upcoming concerts<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" d="M 0,44 h 371.046875" class="o_text_highlight_path_underline"></path></svg></span></span>
</h2>
<p>
<br/>
</p>
</div>
</xpath>
<!-- Card 1 -->
<xpath expr="//div[hasclass('s_card')]" position="attributes">
<attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('s_card')]//h5" position="replace">
<h4 class="card-title">Belgium Tour</h4>
</xpath>
<xpath expr="//div[hasclass('s_card')]//p" position="replace">
<p class="o_small_fs">24th AUGUST</p>
<p>Discover the new album live.</p>
<p>
<br/>
</p>
<p>
<a class="btn btn-primary" href="#">Get your tickets</a>
</p>
</xpath>
<!-- Card 2 -->
<xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
<attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[2]//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_2</attribute>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[2]//h5" position="replace">
<h4 class="card-title">Barcelona Night</h4>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[2]//p" position="replace">
<p class="o_small_fs">27th AUGUST</p>
<p>Get up close with the artists.</p>
<p>
<br/>
</p>
<p>
<a class="btn btn-primary" href="#">Get your tickets</a>
</p>
</xpath>
<!-- Card 3 -->
<xpath expr="(//div[hasclass('s_card')])[3]" position="attributes">
<attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[3]//h5" position="replace">
<h4 class="card-title">Amsterdam Tour</h4>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[3]//p" position="replace">
<p class="o_small_fs">9th SEPTEMBER</p>
<p>Tour Grand Final.</p>
<p><br/></p>
<p>
<a class="btn btn-primary" href="#">Get your tickets</a>
</p>
</xpath>
</template>
theme_notes/views/snippets/s_title.xml
+18
View File
@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_title" inherit_id="website.s_title">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1 pt80 pb80" remove="o_cc2 pt40 pb40" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/05','colors':{'c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_05 bg-o-color-1" style="background-image: url('/web_editor/shape/web_editor/Origins/05.svg?c3=o-color-4');"></div>
</xpath>
<xpath expr="//h2" position="replace">
<h2 style="text-align: center;">#PulseOfTheFuture</h2>
</xpath>
</template>
</odoo>