mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_yes: review theme design
task-4178092 part of task-4177975 closes odoo/design-themes#937 Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
@@ -2,14 +2,26 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="style" add="background-image:url(/web/image/website.s_parallax_default_image)" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_bg_filter bg-black-25"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h3" position="replace" mode="inner">
|
||||
345 couples trusted us to organize their wedding.
|
||||
<xpath expr="//h3" position="replace">
|
||||
<h2>Discover how we can help you<br/>making this day unforgettable.</h2>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Join them and let us help you make this day unforgettable.
|
||||
<xpath expr="//p" position="replace">
|
||||
<p><br/></p>
|
||||
</xpath>
|
||||
<!-- CTA -->
|
||||
<xpath expr="//p" position="after">
|
||||
<a t-att-href="cta_btn_href" class="btn btn-primary btn-lg"><t t-esc="cta_btn_text">Contact us</t></a>
|
||||
</xpath>
|
||||
<!-- Remove right-side button -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')]" position="replace"/>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -2,12 +2,17 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_company_team" inherit_id="website.s_company_team">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//p" position="replace"/>
|
||||
<!-- Row #1 - Col #1 -->
|
||||
<xpath expr="//div[hasclass('col-lg-9')]//h4" position="replace" mode="inner">
|
||||
Livia Sailor
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-9')]//p" position="replace" mode="inner">
|
||||
<font style="font-weight: bolder;" class="text-o-color-1">The Founder & Planner</font>
|
||||
<font style="font-weight: bolder;" class="text-o-color-1">The Planner</font>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-9')]//p[2]" position="replace" mode="inner">
|
||||
Livia is our head wedding coordinator and stylist, she'll turn any of your ideas into reality, making sure your wedding day is smooth and looks better than anything you have ever seen on Pinterest.
|
||||
@@ -20,22 +25,11 @@
|
||||
<font style="font-weight: bolder;" class="text-o-color-1">The Designer</font>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('col-lg-9')])[2]//p[2]" position="replace" mode="inner">
|
||||
Livia is our head wedding coordinator and stylist, she'll turn any of your ideas into reality, making sure your wedding day is smooth and looks better than anything you have ever seen on Pinterest.
|
||||
Clair has a background in both design and photography. With these strong skills in his toolbox, he will take care of the decoration of the place, as well as create lifelong memories for you and your soulmate.
|
||||
</xpath>
|
||||
<!-- Row -->
|
||||
<xpath expr="//*[hasclass('col-lg-6')][4]" position="replace"/>
|
||||
<xpath expr="//*[hasclass('col-lg-6')][3]" position="replace"/>
|
||||
</template>
|
||||
|
||||
<template id="configurator_s_company_team" inherit_id="website.configurator_s_company_team">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//*[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_14_001 o_second_extra_shape_mapping bg-o-color-3"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -33,15 +33,4 @@
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
|
||||
<!-- Shape option -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//*[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_14_001"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
<?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="o_cc o_cc2 pb88" remove="pb64" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Remove title and subtitle -->
|
||||
<xpath expr="//div[hasclass('col-lg-12')]" position="replace"/>
|
||||
<!-- Column #01 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/div[hasclass('s_hr')]" position="replace"/>
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/i" position="replace">
|
||||
<i class="s_features_icon fa fa-map-o mb-3 fa-2x mx-auto d-block" role="img"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/div/h3" position="replace">
|
||||
<h3 style="text-align: center;"><span class="h5-fs">Dream venues</span></h3>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[1]/div/p" position="replace">
|
||||
<p style="text-align: center;">We help you discover the ideal location that matches your style and vision.</p>
|
||||
</xpath>
|
||||
<!-- Column #02 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/div[hasclass('s_hr')]" position="replace"/>
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/i" position="replace">
|
||||
<i class="s_features_icon fa fa-file-text-o mb-3 fa-2x mx-auto d-block" role="img"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/div/h3" position="replace">
|
||||
<h3 style="text-align: center;"><span class="h5-fs">Curating the finest menu</span></h3>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[2]/div/p" position="replace">
|
||||
<p style="text-align: center;">We help you crafting a personalized wedding menu tailored to your tastes.</p>
|
||||
</xpath>
|
||||
<!-- Column #03 -->
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/div[hasclass('s_hr')]" position="replace"/>
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/i" position="replace">
|
||||
<i class="s_features_icon fa fa-diamond mb-3 fa-2x mx-auto d-block" role="img"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/div/h3" position="replace">
|
||||
<h3 style="text-align: center;"><span class="h5-fs">Capturing the moment</span></h3>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]/div[3]/div/p" position="replace">
|
||||
<p style="text-align: center;">From photography to videography, we will record all the important moments.</p>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -2,18 +2,47 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_freegrid" inherit_id="website.s_freegrid">
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Capture Your Love Story in Beautiful Photos
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2 pt88" remove="o_cc1 pt64" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
Let us help you capture the magic of your special day. Our professional photography services ensure that your wedding memories are preserved beautifully for a lifetime.
|
||||
<!-- Item #1 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[1]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 8 / 1 / 16 / 2;" remove="grid-area: 2 / 1 / 10 / 2" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a" position="replace" mode="inner">
|
||||
View Portfolio
|
||||
<!-- Item #2 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 7 / 2 / 12 / 5;" remove="grid-area: 1 / 2 / 6 / 5" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Item #3 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 12 / 2 / 17 / 5;" remove="grid-area: 6 / 2 / 11 / 5" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Item #4 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[4]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 8 / 5 / 16 / 8;" remove="grid-area: 2 / 5 / 10 / 8" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Item #5 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[5]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 7 / 8 / 17 / 11;" remove="grid-area: 1 / 8 / 11 / 11" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Item #6 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[6]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 8 / 11 / 16 / 13;" remove="grid-area: 2 / 11 / 10 / 13" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Item #7 -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[7]" position="replace">
|
||||
<div class="o_grid_item g-col-lg-8 g-height-6 col-lg-8" style="grid-area: 1 / 3 / 7 / 11; z-index: 7;">
|
||||
<p class="o_small" style="text-align: center;"> PORTFOLIO</p>
|
||||
<h2 style="text-align: center;">Discover some of the latest<br/>moments we helped to create</h2>
|
||||
<p><br/></p>
|
||||
<p style="text-align: center;">
|
||||
<a t-att-href="cta_btn_href" class="btn btn-primary btn-lg"><t t-esc="cta_btn_text">View all the pictures</t></a>
|
||||
</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Remove last item -->
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[8]" position="replace"/>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_image_text_overlap" inherit_id="website.s_image_text_overlap">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('row')]" position="attributes">
|
||||
<attribute name="data-row-count" add="10" remove="9" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[1]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 1 / 4 / 11 / 13; --grid-item-padding-x: 0px;" remove="grid-area: 1 / 1 / 10 / 8;" separator=";"/>
|
||||
<attribute name="class" add="g-col-lg-9 col-lg-9 g-height-10" remove="g-col-lg-7 col-lg-7 g-height-9" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
|
||||
<attribute name="style" add="grid-area: 3 / 1 / 9 / 7;--grid-item-padding-y: 40px;" remove="grid-area: 2 / 7 / 9 / 13;--grid-item-padding-y: 56px;" separator=";"/>
|
||||
<attribute name="class" add="g-height-6 o_cc1" remove="g-height-7 o_cc5" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="replace" mode="inner">
|
||||
<p class="o_small">OUR MISSION</p>
|
||||
<h3>Our goal is to ensure this day will be unforgettable for you and your beloved soulmate.</h3>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -2,13 +2,33 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_kickoff" inherit_id="website.s_kickoff">
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Your Love Story begins here,
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-scroll-background-ratio"/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/11_001",'colors':{'c3':'o-color-3', 'c4':'rgba(0, 0, 0, 0.5)'},"flip":["y"]}</attribute>
|
||||
<attribute name="style" add="background-image:url(/web/image/website.s_kickoff_default_image)" separator=";"/>
|
||||
<attribute name="class" add="pt0 pb0 oe_img_bg o_bg_img_center o_full_screen_height" remove="s_parallax s_parallax_is_fixed pt232 pb88" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Remove Parallax + shape -->
|
||||
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
|
||||
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
|
||||
<div class="o_we_shape o_web_editor_Origins_11_001" style="background-image: url('/web_editor/shape/web_editor/Origins/11_001.svg?c3=o-color-3&c4=rgba(0, 0, 0, 0.5)&flip=y'); background-position: 50% 100%;"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="attributes">
|
||||
<attribute name="class" add="bg-black-25" remove="bg-black-50" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container')]" position="attributes">
|
||||
<attribute name="style" add="text-align: center;" separator=";"/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace"/>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
Let's Start Planning<br/>Your Dream Day!
|
||||
<xpath expr="//h1" position="replace">
|
||||
<h1 class="display-1" style="text-align: center;">Creating the perfect day<br/>just as you imagined</h1>
|
||||
</xpath>
|
||||
<xpath expr="//h1" position="after">
|
||||
<a t-att-href="cta_btn_href" class="btn btn-lg btn-secondary">Get Started</a>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -2,18 +2,20 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
|
||||
<xpath expr="//div[hasclass('carousel')]" position="attributes">
|
||||
<attribute name="class" remove="carousel-dark" separator=" "/>
|
||||
<!-- Carousel -->
|
||||
<xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('carousel-inner')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
<!-- Quote 1 -->
|
||||
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
|
||||
<attribute name="style" remove="background-position: 50% 50%;" add="background-position: 50% 25%;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="//blockquote" position="before">
|
||||
<div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[1]" position="replace" mode="inner">
|
||||
Thank you so much for being a part of our special day. It was so nice working with you. Without your help the day would not have been as perfect as it was.
|
||||
They turned our dream into reality with ease and professionalism!
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[1]//strong" position="replace" mode="inner">
|
||||
Linda and Paul
|
||||
@@ -23,10 +25,10 @@
|
||||
</xpath>
|
||||
<!-- Quote 2 -->
|
||||
<xpath expr="(//*[hasclass('carousel-item')])[2]" position="attributes">
|
||||
<attribute name="style" add="background-position: 50% 25%;" remove="background-position: 50% 50%;" separator=";"/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="(//blockquote)[2]" position="before">
|
||||
<div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[1]" position="replace" mode="inner">
|
||||
They made our big day stree-free and absolutely beautiful!
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
|
||||
Jack and Mary
|
||||
@@ -36,13 +38,10 @@
|
||||
</xpath>
|
||||
<!-- Quote 3 -->
|
||||
<xpath expr="(//*[hasclass('carousel-item')])[3]" position="attributes">
|
||||
<attribute name="style" add="background-position: 50% 20%;" remove="background-position: 50% 50%;" separator=";"/>
|
||||
</xpath>
|
||||
<xpath expr="(//blockquote)[3]" position="before">
|
||||
<div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
|
||||
<attribute name="style"/>
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace" mode="inner">
|
||||
From the beginning of our planning process, our planner was incredible! She made us feel heard, gave great suggestions and was always just an email or call away when we had any last minute questions. Couldn't have done it without her!
|
||||
Everything was so well-coordinated, we couldn't have asked for more!
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('s_blockquote_author')])[3]//strong" position="replace" mode="inner">
|
||||
Rose and Peter
|
||||
|
||||
@@ -6,9 +6,18 @@
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Meet our team
|
||||
<xpath expr="//div[hasclass('container')]" position="replace" mode="inner">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2">
|
||||
<h2>Meet our team</h2>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="configurator_s_title" inherit_id="website.configurator_s_title">
|
||||
<xpath expr="//h2" position="replace">
|
||||
<h2 class="display-3-fs" style="text-align: center">We are two passionate<br/>with years of experience</h2>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user