[IMP] website: introduce new pages templates design

This commit defines new page templates that are related to specific
use-cases.

task-3381714

closes odoo/odoo#126719

Related: odoo/design-themes#692
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)
2023-10-14 03:27:03 +00:00
committed by Romain Derie
co-authored by Benoit Socias Arthur Detroux
parent 1b8a1d97d6
commit b27d52c193
4 changed files with 1108 additions and 36 deletions
+41 -36
View File
@@ -308,53 +308,58 @@
],
},
'new_page_templates': {
'basic': {
'1': ['s_text_block_h1', 's_text_block', 's_image_text', 's_text_image'],
'2': ['s_text_block_h1', 's_picture', 's_text_block'],
'3': ['s_parallax', 's_text_block_h1', 's_text_block', 's_three_columns'],
'4': ['s_text_cover'],
'5': ['s_text_block_h1', 's_text_block', 's_features', 's_quotes_carousel'],
'6': ['s_text_block_h1', 's_table_of_content'],
},
'about': {
'0': ['s_banner', 's_text_block', 's_three_columns', 's_company_team', 's_quotes_carousel'],
'1': ['s_picture', 's_showcase', 's_three_columns', 's_company_team', 's_quotes_carousel'],
'2': ['s_banner', 's_three_columns', 's_showcase', 's_company_team', 's_quotes_carousel'],
'3': ['s_picture', 's_three_columns', 's_company_team', 's_quotes_carousel', 's_showcase'],
'4': ['s_banner', 's_text_block', 's_three_columns', 's_quotes_carousel', 's_showcase'],
'5': ['s_picture', 's_three_columns', 's_showcase', 's_quotes_carousel', 's_company_team'],
'full': ['s_text_block_h1', 's_image_text', 's_text_image', 's_numbers', 's_picture', 's_quotes_carousel', 's_references'],
'full_1': ['s_text_block_h1', 's_three_columns', 's_text_block_h2', 's_company_team', 's_references', 's_quotes_carousel', 's_call_to_action'],
'mini': ['s_cover', 's_text_block_h2', 's_text_block_2nd', 's_picture_only', 's_text_block_h2_contact', 's_website_form'],
'personal': ['s_text_cover', 's_image_text', 's_text_block_h2', 's_numbers', 's_features', 's_call_to_action_about'],
'map': ['s_text_block_h1', 's_text_block', 's_numbers', 's_text_image', 's_text_block_h2', 's_text_block_2nd', 's_map', 's_images_wall'],
'timeline': ['s_banner', 's_text_block_h2', 's_text_block', 's_timeline', 's_call_to_action_about'],
},
'landing': {
'0': ['s_cover', 's_features', 's_call_to_action', 's_media_list'],
'1': ['s_parallax', 's_showcase', 's_quotes_carousel', 's_call_to_action'],
'2': ['s_cover', 's_parallax', 's_media_list', 's_quotes_carousel'],
'3': ['s_cover', 's_features', 's_media_list', 's_quotes_carousel', 's_showcase'],
'4': ['s_carousel', 's_quotes_carousel', 's_call_to_action', 's_media_list'],
'5': ['s_cover', 's_features', 's_media_list', 's_parallax', 's_quotes_carousel'],
'0': ['s_cover'],
'1': ['s_banner', 's_features', 's_masonry_block', 's_call_to_action_digital', 's_references', 's_quotes_carousel'],
'2': ['s_cover', 's_text_image', 's_text_block_h2', 's_three_columns', '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'],
'4': ['s_cover', 's_text_block_h2', 's_text_block', 's_text_block_h2_contact', 's_website_form'],
'5': ['s_banner'],
},
'gallery': {
'0': ['s_image_gallery', 's_carousel', 's_quotes_carousel', 's_images_wall'],
'1': ['s_masonry_block', 's_carousel', 's_quotes_carousel', 's_images_wall'],
'2': ['s_image_gallery', 's_masonry_block', 's_carousel', 's_quotes_carousel'],
'3': ['s_carousel', 's_images_wall', 's_quotes_carousel', 's_masonry_block'],
'4': ['s_images_wall', 's_image_text', 's_text_image', 's_image_gallery'],
'5': ['s_image_gallery', 's_masonry_block', 's_images_wall', 's_carousel'],
'0': ['s_text_block_h2', 's_images_wall'],
'1': ['s_text_block_h2', 's_image_text', 's_text_image', 's_image_text_2nd'],
'2': ['s_banner', 's_text_block_2nd', 's_image_gallery', 's_picture_only'],
'3': ['s_text_block_h2', 's_text_block', 's_three_columns', 's_three_columns_2nd'],
'4': ['s_cover', 's_media_list'],
},
'services': {
'0': ['s_banner', 's_text_image', 's_features', 's_showcase', 's_three_columns'],
'1': ['s_text_image', 's_three_columns', 's_showcase', 's_features', 's_media_list'],
'2': ['s_banner', 's_text_image', 's_features', 's_three_columns', 's_quotes_carousel'],
'3': ['s_banner', 's_three_columns', 's_features', 's_product_catalog', 's_showcase'],
'4': ['s_text_image', 's_showcase', 's_tabs', 's_features', 's_three_columns'],
'5': ['s_banner', 's_three_columns', 's_showcase', 's_product_catalog', 's_features'],
'0': ['s_text_block_h1', 's_text_block_2nd', 's_three_columns', 's_text_block_h2_contact', 's_website_form'],
'1': ['s_text_block_h1', 's_features_grid', 's_text_block_h2', 's_faq_collapse', 's_call_to_action'],
'2': ['s_text_cover', 's_image_text', 's_text_image', 's_image_text_2nd', 's_call_to_action_digital'],
'3': ['s_text_block_h1', 's_parallax', 's_table_of_content', 's_call_to_action'],
},
'pricing': {
'0': ['s_title', 's_numbers', 's_color_blocks_2', 's_features', 's_comparisons', 's_showcase'],
'1': ['s_title', 's_numbers', 's_color_blocks_2', 's_product_catalog', 's_features', 's_showcase'],
'2': ['s_title', 's_numbers', 's_color_blocks_2', 's_features', 's_comparisons', 's_media_list'],
'3': ['s_title', 's_numbers', 's_comparisons', 's_features', 's_product_catalog', 's_showcase'],
'4': ['s_title', 's_numbers', 's_product_catalog', 's_features', 's_showcase', 's_media_list'],
'5': ['s_title', 's_numbers', 's_comparisons', 's_product_catalog', 's_features', 's_showcase'],
'0': ['s_text_block_h1', 's_comparisons', 's_text_block_2nd', 's_showcase', 's_text_block_h2', 's_faq_collapse', 's_call_to_action'],
'1': ['s_text_block_h1', 's_comparisons', 's_call_to_action'],
'2': ['s_cover', 's_comparisons', 's_call_to_action', 's_features_grid', 's_color_blocks_2'],
'3': ['s_carousel', 's_product_catalog', 's_call_to_action_menu'], # should be s_call_to_action - but let's create that snippet
'4': ['s_text_block_h1', 's_image_text', 's_text_image', 's_image_text_2nd', 's_call_to_action'],
'5': ['s_text_block_h1', 's_text_block', 's_product_catalog', 's_three_columns_menu', 's_call_to_action'], # was s_call_to_action_menu
},
'team': {
'0': ['s_banner', 's_three_columns', 's_company_team', 's_quotes_carousel', 's_showcase', 's_media_list'],
'1': ['s_carousel', 's_media_list', 's_three_columns', 's_company_team', 's_showcase', 's_quotes_carousel'],
'2': ['s_banner', 's_three_columns', 's_company_team', 's_carousel', 's_media_list', 's_quotes_carousel'],
'3': ['s_three_columns', 's_company_team', 's_quotes_carousel', 's_showcase', 's_carousel', 's_media_list'],
'4': ['s_banner', 's_text_block', 's_three_columns', 's_company_team', 's_media_list', 's_showcase'],
'5': ['s_picture', 's_three_columns', 's_company_team', 's_quotes_carousel', 's_showcase', 's_media_list'],
'0': ['s_text_block_h1', 's_three_columns'],
'1': ['s_text_block_h1', 's_image_text', 's_text_image', 's_image_text_2nd'],
'2': ['s_text_block_h1', 's_company_team'],
'3': ['s_text_block_h1', 's_media_list'],
'4': ['s_text_block_h1', 's_text_block', 's_images_wall'],
'5': ['s_text_block_h1', 's_text_block', 's_image_gallery', 's_picture'],
},
},
'license': 'LGPL-3',
+7
View File
@@ -562,6 +562,13 @@
<field name="type">url</field>
<field name="url">/website/static/src/img/library/business_conference.jpg</field>
</record>
<record id="website.library_image_team" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">team.jpg</field>
<field name="res_model">ir.ui.view</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/library/team.jpg</field>
</record>
<record id="website.library_image_01" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">bridge.jpg</field>
Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

File diff suppressed because it is too large Load Diff