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
@@ -19,6 +19,7 @@
|
||||
'views/snippets/s_numbers.xml',
|
||||
'views/snippets/s_media_list.xml',
|
||||
'views/snippets/s_product_catalog.xml',
|
||||
'views/new_page_template.xml',
|
||||
],
|
||||
'images': [
|
||||
'static/description/orchid_description.jpg',
|
||||
@@ -35,6 +36,19 @@
|
||||
'configurator_snippets': {
|
||||
'homepage': ['s_cover', 's_image_text', 's_text_image', 's_three_columns', 's_quotes_carousel', 's_call_to_action'],
|
||||
},
|
||||
'new_page_templates': {
|
||||
'about': {
|
||||
'personal': ['s_text_cover', 's_image_text', 's_text_block_h2', 's_numbers', 's_features', 's_call_to_action'],
|
||||
},
|
||||
'landing': {
|
||||
'1': ['s_banner', 's_features', 's_masonry_block', 's_call_to_action', 's_references', 's_quotes_carousel'],
|
||||
'2': ['s_cover', 's_text_image', 's_text_block_h2', 's_three_columns_landing_1', 's_call_to_action'],
|
||||
'3': ['s_text_cover', 's_text_block_h2', 's_three_columns', 's_showcase', 's_color_blocks_2', 's_quotes_carousel', 's_call_to_action'],
|
||||
},
|
||||
'services': {
|
||||
'2': ['s_text_cover', 's_image_text', 's_text_image', 's_image_text_2nd', 's_call_to_action'],
|
||||
},
|
||||
},
|
||||
'license': 'LGPL-3',
|
||||
'live_test_url': 'https://theme-orchid.odoo.com',
|
||||
'assets': {
|
||||
|
||||
@@ -0,0 +1,304 @@
|
||||
<?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>
|
||||
|
||||
<!-- Landing -->
|
||||
|
||||
<template id="new_page_template_sections_landing_1" inherit_id="website.new_page_template_sections_landing_1">
|
||||
<xpath expr="//t[@t-snippet-call='website.new_page_template_landing_1_s_call_to_action_digital']" position="attributes">
|
||||
<attribute name="t-snippet-call">website.new_page_template_landing_1_s_call_to_action</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_sections_landing_2" inherit_id="website.new_page_template_sections_landing_2">
|
||||
<xpath expr="//t[@t-snippet-call='website.new_page_template_landing_2_s_call_to_action']" position="attributes">
|
||||
<attribute name="t-snippet-call">website.new_page_template_landing_s_call_to_action</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_sections_landing_3" inherit_id="website.new_page_template_sections_landing_3">
|
||||
<xpath expr="//t[@t-snippet-call='website.new_page_template_landing_3_s_call_to_action']" position="attributes">
|
||||
<attribute name="t-snippet-call">website.new_page_template_landing_s_call_to_action</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Services -->
|
||||
|
||||
<template id="new_page_template_sections_services_2" inherit_id="website.new_page_template_sections_services_2">
|
||||
<xpath expr="//t[@t-snippet-call='website.new_page_template_services_2_s_call_to_action_digital']" position="attributes">
|
||||
<attribute name="t-snippet-call">website.new_page_template_services_2_s_call_to_action</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- General customizations -->
|
||||
|
||||
<template id="new_page_template_s_numbers" inherit_id="website.new_page_template_s_numbers">
|
||||
<!-- 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_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/07","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_07" style="background-image: url('/web_editor/shape/web_editor/Wavy/07.svg?c3=o-color-1&flip=x'); background-position: 50% 0%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Basic Pages -->
|
||||
|
||||
<template id="new_page_template_basic_s_image_text" inherit_id="website.new_page_template_basic_s_image_text">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization About Pages -->
|
||||
|
||||
<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="data-oe-shape-data">{"shape":"web_editor/Wavy/01_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_01_001"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_features" inherit_id="website.new_page_template_about_s_features">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_s_picture" inherit_id="website.new_page_template_about_s_picture">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</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" add="pb0 pt40" remove="pb40 pt40" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_full_s_image_text" inherit_id="website.new_page_template_about_full_s_image_text">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</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="o_cc2 pb40 pb40 pt40" remove="pb0" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_map_s_numbers" inherit_id="website.new_page_template_about_map_s_numbers">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc4" remove="o_cc3" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_mini_s_text_block_2nd" inherit_id="website.new_page_template_about_mini_s_text_block_2nd">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_about_mini_s_text_block_h2" inherit_id="website.new_page_template_about_mini_s_text_block_h2">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Landing Pages -->
|
||||
|
||||
<template id="new_page_template_landing_s_showcase" inherit_id="website.new_page_template_landing_s_showcase">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc3" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_s_text_image" inherit_id="website.new_page_template_landing_s_text_image">
|
||||
<!-- 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_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/01_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_01_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/01.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</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="attributes">
|
||||
<attribute name="class" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_2_s_three_columns" inherit_id="website.new_page_template_landing_2_s_three_columns">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22"/>
|
||||
</xpath>
|
||||
</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="attributes">
|
||||
<attribute name="class" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_landing_3_s_three_columns" inherit_id="website.new_page_template_landing_3_s_three_columns">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Gallery Pages -->
|
||||
|
||||
<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="data-oe-shape-data">{"shape":"web_editor/Wavy/01_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_01_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/01.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_gallery_s_image_text" inherit_id="website.new_page_template_gallery_s_image_text">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Snippet customization Services Pages -->
|
||||
|
||||
<template id="new_page_template_services_s_image_text" inherit_id="website.new_page_template_services_s_image_text">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</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="data-oe-shape-data">{"shape":"web_editor/Wavy/01_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_01_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/01.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_pricing_s_image_text" inherit_id="website.new_page_template_pricing_s_image_text">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&c5=o-color-1&flip=x'); background-position: 50% 100%;"/>
|
||||
</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">
|
||||
<!-- 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_team_0_s_text_block_h1" inherit_id="website.new_page_template_team_0_s_text_block_h1">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pb0" remove="pb40" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="new_page_template_team_0_s_three_columns" inherit_id="website.new_page_template_team_0_s_three_columns">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user