mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_*: adapt New Page template designs for themes
This commit customizes all New Page template designs for every single theme. The changes are organized as follow: When the used blocks are not the default ones: - the new sequence of block is listed in the `new_page_templates` manifest entry. - the blocks are updated in the `new_page_template_sections_..._...` XML templates accordingly. After the potential block sequence updates, the `new_page_template.xml` then first contains the general customization of blocks (those that apply across all new page templates) then the customization for each category of page. Customizations for a specific page are directly below category-wide customizations of the given block when both exist. task-3381714 closes odoo/design-themes#692 Related: odoo/odoo#126719 Signed-off-by: Romain Derie (rde) <rde@odoo.com> Co-authored-by: Benoit Socias <bso@odoo.com> Co-authored-by: Arthur Detroux (ard) <ard@odoo.com>
This commit is contained in:
Morgane (morm)
committed by
Benoit Socias
Benoit Socias
parent
230ded2759
commit
80cbee66f6
@@ -29,6 +29,7 @@
|
||||
'views/snippets/s_parallax.xml',
|
||||
'views/snippets/s_comparisons.xml',
|
||||
'views/snippets/s_quotes_carousel.xml',
|
||||
'views/new_page_template.xml',
|
||||
],
|
||||
'images': [
|
||||
'static/description/notes_description.jpg',
|
||||
@@ -46,6 +47,11 @@
|
||||
'configurator_snippets': {
|
||||
'homepage': ['s_carousel', 's_masonry_block', 's_text_image', 's_product_catalog', 's_media_list', 's_company_team'],
|
||||
},
|
||||
'new_page_templates': {
|
||||
'about': {
|
||||
'personal': ['s_text_cover', 's_image_text', 's_text_block_h2', 's_numbers', 's_features', 's_call_to_action'],
|
||||
},
|
||||
},
|
||||
'license': 'LGPL-3',
|
||||
'live_test_url': 'https://theme-notes.odoo.com',
|
||||
'assets': {
|
||||
|
||||
@@ -0,0 +1,285 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<!-- About -->
|
||||
|
||||
<template id="new_page_template_sections_about_personal" inherit_id="website.new_page_template_sections_about_personal">
|
||||
<xpath expr="//t[@t-snippet-call='website.new_page_template_about_personal_s_call_to_action_about']" position="attributes">
|
||||
<attribute name="t-snippet-call">website.new_page_template_about_personal_s_call_to_action</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- General customizations -->
|
||||
|
||||
<template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_s_call_to_action_about" inherit_id="website.new_page_template_s_call_to_action_about">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_s_call_to_action_menu" inherit_id="website.new_page_template_s_call_to_action_menu">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</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">
|
||||
<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&c2=o-color-5&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&c2=o-color-2&flip=y'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_s_parallax" inherit_id="website.new_page_template_s_parallax">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="after">
|
||||
<div class="o_we_shape o_web_editor_Rainy_08_001"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_s_text_image" inherit_id="website.new_page_template_s_text_image">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Basic Pages -->
|
||||
|
||||
<!-- Needed because it is removed for basic -->
|
||||
<template id="new_page_template_basic_s_quotes_carousel" inherit_id="website.new_page_template_basic_s_quotes_carousel">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- 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="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_08" style="background-image: url('/web_editor/shape/web_editor/Floats/08.svg?c1=o-color-1&c2=o-color-2&c3=o-color-3&c5=o-color-1&flip=xy'); background-position: 100% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_cover" inherit_id="website.new_page_template_about_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_text_block_h1" inherit_id="website.new_page_template_about_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_1_s_text_block_h1" inherit_id="website.new_page_template_about_full_1_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_1_s_text_block_h2" inherit_id="website.new_page_template_about_full_1_s_text_block_h2">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_s_numbers" inherit_id="website.new_page_template_about_full_s_numbers">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" remove="o_cc3" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_s_text_block_h1" inherit_id="website.new_page_template_about_full_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb40 pb40 pt40" remove="o_cc2 pb0" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_s_text_image" inherit_id="website.new_page_template_about_full_s_text_image">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_map_s_text_block_h1" inherit_id="website.new_page_template_about_map_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_personal_s_text_block_h2" inherit_id="website.new_page_template_about_personal_s_text_block_h2">
|
||||
<xpath expr="//section" position="replace"/>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Landing Pages -->
|
||||
|
||||
<template id="new_page_template_landing_s_text_image" inherit_id="website.new_page_template_landing_s_text_image">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
|
||||
</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="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_08" style="background-image: url('/web_editor/shape/web_editor/Floats/08.svg?c1=o-color-1&c2=o-color-2&c3=o-color-3&c5=o-color-1&flip=xy'); background-position: 100% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_2_s_text_block_h2" inherit_id="website.new_page_template_landing_2_s_text_block_h2">
|
||||
<xpath expr="//section" position="replace"/>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_3_s_text_block_h2" inherit_id="website.new_page_template_landing_3_s_text_block_h2">
|
||||
<xpath expr="//section" position="replace"/>
|
||||
</template>
|
||||
|
||||
<!-- 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="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_08" style="background-image: url('/web_editor/shape/web_editor/Floats/08.svg?c1=o-color-1&c2=o-color-2&c3=o-color-3&c5=o-color-1&flip=xy'); background-position: 100% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_gallery_s_cover" inherit_id="website.new_page_template_gallery_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Services Pages -->
|
||||
|
||||
<template id="new_page_template_services_s_text_image" inherit_id="website.new_page_template_services_s_text_image">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_services_1_s_text_block_h1" inherit_id="website.new_page_template_services_1_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb40" remove="pb0" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Pricing Pages -->
|
||||
|
||||
<template id="new_page_template_pricing_s_cover" inherit_id="website.new_page_template_pricing_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Team Pages -->
|
||||
|
||||
<template id="new_page_template_team_s_text_image" inherit_id="website.new_page_template_team_s_text_image">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_team_2_s_text_block_h1" inherit_id="website.new_page_template_team_2_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb40" remove="pb0" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user