design-themes/theme_avantgarde/views/customizations.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<!-- ======== CLOSER LOOK ======== -->
<template id="s_closer_look" inherit_id="website.s_closer_look">
    <!-- Button -->
    <xpath expr="(//a)[2]" position="attributes">
        <attribute name="class" remove="btn-outline-primary" add="btn-outline-secondary" separator=" "/>
    </xpath>
</template>

<!-- ======== COVER ======== -->
<template id="s_cover" inherit_id="website.s_cover" name="Avantgarde s_cover">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="s_parallax_no_overflow_hidden o_full_screen_height" remove="s_parallax_is_fixed s_parallax" separator=" "/>
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/18","flip":["x"]}</attribute>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="attributes">
        <attribute name="style" remove="background-position: 50% 0;" add="background-position: 50% 80%;" separator=";"/>
    </xpath>
    <xpath expr="//div[hasclass('s_allow_columns')]" position="before">
        <div class="o_we_shape o_web_editor_Origins_18" style="background-image: url('/web_editor/shape/web_editor/Origins/18.svg?c1=o-color-2&amp;flip=x'); background-position: 50% 50%;"/>
    </xpath>
    <xpath expr="//h1" position="attributes">
        <attribute name="class" add="text-o-color-1 text-break" separator=" "/>
    </xpath>
    <xpath expr="//h1" position="replace" mode="inner">
        We are Avantgarde.
    </xpath>
    <xpath expr="//p" position="replace" mode="inner">
        We create architecture, landscapes, interiors, product design and graphic design.<br/>
        Our methods allow us to explore a future that is equitable, data-driven, and green.
    </xpath>
</template>

<!-- ======== STRIPED TOP ======== -->
<template id="s_striped_top" inherit_id="website.s_striped_top">
    <!-- Button -->
    <xpath expr="//a" position="attributes">
        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
    </xpath>
    <!-- Image -->
    <xpath expr="//img" position="attributes">
        <attribute name="src">/web/image/website.s_media_list_default_image_1</attribute>
    </xpath>
</template>

<!-- ======== PICTURE ======== -->
<template id="s_picture" inherit_id="website.s_picture" name="Avantgarde s_cover">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt144 pb128" remove="pt64 pb64" separator=" "/>
    </xpath>
    <xpath expr="//h2" position="attributes">
        <attribute name="style" remove="text-align: center;" separator=" "/>
        <attribute name="class" add="text-break" separator=" "/>
    </xpath>
    <xpath expr="//h2" position="replace" mode="inner">
        Design Methodology
    </xpath>
    <xpath expr="//p" position="attributes">
        <attribute name="style" remove="text-align: center;" separator=" "/>
    </xpath>
    <xpath expr="//p" position="replace" mode="inner">
        Our design methodology is rooted in our core values.<br/>
        We combine a wide spectrum of technologies with a good portion of creativity.
    </xpath>
    <xpath expr="//img" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_picture_default_image/web_editor/composition/composition_organic_line.svg?c2=o-color-2</attribute>
        <attribute name="data-shape">web_editor/composition/composition_organic_line</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">bg_image_14.svg</attribute>
        <attribute name="data-shape-colors">;o-color-2;;;</attribute>
    </xpath>
    <xpath expr="//figcaption" position="attributes">
        <attribute name="style" add="text-align: right;" separator=" "/>
    </xpath>
    <xpath expr="//figcaption" position="replace" mode="inner">
        We carry out an interdisciplinary design process.
    </xpath>
</template>

<!-- ======== COLUMNS ======== -->
<template id="s_three_columns" inherit_id="website.s_three_columns" name="Avantgarde s_three_columns">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt120 pb240 o_full_screen_height" remove="pt32 pb32" separator=" "/>
    </xpath>
    <xpath expr="//*[hasclass('card')]" position="attributes">
        <attribute name="class" add="shadow border" separator=" "/>
        <attribute name="style">border-color: var(--o-color-2) !important; box-shadow: var(--o-color-2) -25px -25px 0px 0px !important; border-width: 8px !important;</attribute>
    </xpath>
    <xpath expr="//h3" position="replace" mode="inner">
        <span style="font-weight: bolder;">Excellence</span>
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[1]" position="replace" mode="inner">
        We conduct state-of-the-art research and development to solve complex design challenges, taking the latest advances out of the lab and into the hands of architects and engineers.</xpath>
    <xpath expr="(//*[hasclass('card')])[2]" position="attributes">
        <attribute name="class" add="shadow border" separator=" "/>
        <attribute name="style">border-color: var(--o-color-4) !important; border-width: 8px !important; box-shadow: var(--o-color-5) 0px 0px 100px -40px !important;</attribute>
    </xpath>
    <xpath expr="(//h3)[2]" position="replace" mode="inner">
        <span style="font-weight: bolder;">Collaboration</span>
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
        We thrive on rich collaborations to push our thinking. A continuous state of reinvention, driven by our partners in the process, is essential to our work.
    </xpath>
    <xpath expr="(//*[hasclass('card')])[3]" position="attributes">
        <attribute name="class" add="shadow border" separator=" "/>
        <attribute name="style">box-shadow: var(--o-color-1) 25px 25px 0px 0px !important; border-color: var(--o-color-1) !important; border-width: 8px !important;</attribute>
    </xpath>
    <xpath expr="(//h3)[3]" position="replace" mode="inner">
        <span style="font-weight: bolder;">Sustainability</span>
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
        Sustainability is at the heart of our design approach. We audit projects against global standards as well as our own, more comprehensive, responsibility framework.
    </xpath>
</template>

<template id="configurator_s_three_columns" inherit_id="website.configurator_s_three_columns" name="Avantgarde s_three_columns">
    <xpath expr="//section" position="attributes">
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20"}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Wavy_20"/>
    </xpath>
</template>

<!-- ======== TEXT-IMAGE ======== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Avantgarde s_text_image">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc3 o_full_screen_height" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-5" separator=" "/>
    </xpath>
    <xpath expr="//h2" position="replace" mode="inner">
        <span class="text-break" style="font-size: 62px; font-weight: bolder;">Our R&amp;D Approach</span>
    </xpath>
    <xpath expr="//p" position="before">
        <p><br/></p>
    </xpath>
    <xpath expr="//p[2]" position="replace" mode="inner">
        Making innovative design requires us to push the limits of technological possibilities. As a group of in-house specialists, we develop and implement computational workflows and new technologies.
    </xpath>
    <xpath expr="//p[3]" position="replace" mode="inner">
        Through a mixture of project-based work and standalone research, we make efficient projects, adaptable in the face of change.
    </xpath>
    <xpath expr="//a[hasclass('btn')]" position="before">
        <p><br/></p>
    </xpath>
    <xpath expr="//a[hasclass('btn')]" position="attributes">
        <attribute name="class" add="btn-lg" separator=" "/>
    </xpath>
    <xpath expr="//img" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/composition/composition_triangle_line.svg?c1=o-color-1</attribute>
        <attribute name="data-shape">web_editor/composition/composition_triangle_line</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">bg_image_13.svg</attribute>
        <attribute name="data-shape-colors">;o-color-1;;;</attribute>
    </xpath>
</template>

<!-- ======== IMAGE-TEXT ======== -->
<template id="s_image_text" inherit_id="website.s_image_text" name="Avantgarde s_image_text">
    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
        <attribute name="class" add="col-lg-4" remove="col-lg-5" separator=" "/>
    </xpath>
    <xpath expr="//a[hasclass('btn')]" position="attributes">
        <attribute name="class" add="btn-lg" separator=" "/>
    </xpath>
</template>

<!-- ======== CALL TO ACTION ======== -->
<template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Avantgarde s_call_to_action">

    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height pt0" remove="pt64" separator=" "/>
    </xpath>
    <xpath expr="//h3" position="replace">
        <h3 style="text-align: right;"><b>Since 1992</b> creating around the world.</h3>
    </xpath>
    <xpath expr="//p" position="replace" mode="inner">
        We partner with ambitious clients. We’d love to hear from you.
    </xpath>
    <xpath expr="//div[hasclass('col-lg-9')]" position="attributes">
        <attribute name="class" add="col-lg-8" remove="col-lg-9" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-8')]/p" position="attributes">
        <attribute name="style" add="text-align: right;" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
        <attribute name="class" add="col-lg-4" remove="col-lg-3" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-4')]/p" position="attributes">
        <attribute name="style" add="text-align: left;" remove="text-align: right;" separator=";"/>
    </xpath>
</template>

<!-- ======== CTA Box ======== -->
<template id="s_cta_box" inherit_id="website.s_cta_box">
    <!-- Card -->
    <xpath expr="//div[hasclass('card')]" position="attributes">
        <attribute name="class" add="o_cc2" remove="o_cc4" separator=" "/>
    </xpath>
    <!-- Title -->
    <xpath expr="//h2" position="replace" mode="inner">
        Discover what innovation<br/>looks like !
    </xpath>
    <!-- Paragraphs -->
    <xpath expr="//p" position="replace" mode="inner">
        Explore our large collection of disruptive products<br/><br/>
    </xpath>
    <!-- Image -->
    <xpath expr="//img" position="attributes">
        <attribute name="src">/theme_avantgarde/static/src/img/pictures/bg_image_07.jpg</attribute>
    </xpath>
    <!-- Button -->
    <xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
        Learn more
    </xpath>
</template>

<template id="configurator_s_call_to_action" inherit_id="website.configurator_s_call_to_action" name="Avantgarde s_call_to_action">

    <xpath expr="//section" position="attributes">
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Origins_14_001"/>
    </xpath>
</template>

<!-- ======== CAROUSEL ======== -->
<template id="s_carousel" inherit_id="website.s_carousel" name="Avantgarde s_carousel">
    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_rounded carousel-dark" remove="s_carousel_default" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-indicators')]" position="attributes">
        <attribute name="class" add="s_carousel_indicators_dots" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
        <attribute name="class" add="o_cc o_cc3" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('o_we_bg_filter')]" position="replace">
        <div class="o_we_bg_filter bg-black-50"/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
        <div class="o_we_bg_filter bg-black-50"/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
        <div class="o_we_bg_filter bg-black-50"/>
    </xpath>

    <xpath expr="//h2" position="replace" mode="inner">
        Making Simple
    </xpath>
    <xpath expr="//div[hasclass('carousel-item')]//p[2]" position="replace"/>
    <xpath expr="(//div[hasclass('carousel-item')])[2]//p[2]" position="replace"/>
</template>

<!-- ======== QUOTES ======== -->
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel" name="Avantgarde s_quotes_carousel">
    <!-- Assign slide2 as 'active' and move it in first position -->
    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
        <attribute name="class" remove="active" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
        <attribute name="class" add="active" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
        <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="move"/>
    </xpath>
</template>

<!-- ======== PRICELIST ======== -->
<template id="s_product_catalog" inherit_id="website.s_product_catalog">
    <!-- Remove filter -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
</template>

<!-- ======== UNVEIL ======== -->
<template id="s_unveil" inherit_id="website.s_unveil">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc2" separator=" "/>
    </xpath>
</template>

<!-- ======== FREE GRID ======== -->
<template id="s_freegrid" inherit_id="website.s_freegrid">
    <!-- Title -->
    <xpath expr="//h2" position="replace" mode="inner">
        Innovative Design and Art That Inspire Change
    </xpath>
    <!-- Paragraph -->
    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
        Dive into the world of design and fine art with our collection of forward-thinking pieces. Discover how creativity drives change in the art world through our exclusive exhibitions and publications.
    </xpath>
    <!-- Button -->
    <xpath expr="//a" position="replace" mode="inner">
        Discover More
    </xpath>
</template>

<!-- ======== KEY BENEFITS ======== -->
<template id="s_key_benefits" inherit_id="website.s_key_benefits">
    <!-- Titles -->
    <xpath expr="(//h3)[1]" position="replace" mode="inner">
        Tailored Pricing
    </xpath>
    <xpath expr="(//h3)[2]" position="replace" mode="inner">
        Continuous Support
    </xpath>
    <xpath expr="(//h3)[3]" position="replace" mode="inner">
        Tax-Free Services
    </xpath>
    <!-- Paragraphs -->
    <xpath expr="//div[hasclass('col-lg-4')][2]/p" position="replace" mode="inner">
        We provide custom pricing based on the unique needs of your project, ensuring you receive exceptional design services that fit your budget.
    </xpath>
    <xpath expr="//div[hasclass('col-lg-4')][3]/p" position="replace" mode="inner">
        Our team is here to assist you at every stage of your project, ensuring a smooth and stress-free process for your project.
    </xpath>
    <xpath expr="//div[hasclass('col-lg-4')][4]/p" position="replace" mode="inner">
        We maximize value by offering tax-efficient design services, helping you achieve your vision while keeping your project financially streamlined.
    </xpath>
</template>

<!-- ======== PRICELIST BOXED ======== -->
<template id="s_pricelist_boxed" inherit_id="website.s_pricelist_boxed">
    <xpath expr="//h2" position="replace" mode="inner">
        Our Photography Services
    </xpath>
    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
        Capture your moments with our range of professional photography services. Expertly crafted to make every memory unforgettable.
    </xpath>
    <xpath expr="//h3" position="replace" mode="inner">
        ✽&#160;&#160;Event Photography
    </xpath>
    <xpath expr="(//h3)[2]" position="replace" mode="inner">
        ✽&#160;&#160;Portrait Photography
    </xpath>
    <xpath expr="//t[@t-set='name']" position="replace" mode="inner">
        Wedding Day Coverage
    </xpath>
    <xpath expr="//t[@t-set='price']" position="replace" mode="inner">
        $2,000.00
    </xpath>
    <xpath expr="//t[@t-set='description']" position="replace" mode="inner">
        Comprehensive wedding day photography service capturing every special moment, from the ceremony to the reception.
    </xpath>
    <xpath expr="(//t[@t-set='name'])[2]" position="replace" mode="inner">
        Corporate Event Package
    </xpath>
    <xpath expr="(//t[@t-set='price'])[2]" position="replace" mode="inner">
        $1,500.00
    </xpath>
    <xpath expr="(//t[@t-set='description'])[2]" position="replace" mode="inner">
        Professional coverage for corporate events, including conferences, award ceremonies, and networking events.
    </xpath>
    <xpath expr="(//t[@t-set='name'])[3]" position="replace" mode="inner">
        Concert Photography
    </xpath>
    <xpath expr="(//t[@t-set='price'])[3]" position="replace" mode="inner">
        $1,800.00
    </xpath>
    <xpath expr="(//t[@t-set='description'])[3]" position="replace" mode="inner">
        Dynamic concert photography capturing the energy of live performances with high-quality images of artists and audience.
    </xpath>
    <xpath expr="(//t[@t-set='name'])[4]" position="replace" mode="inner">
        Family Portrait Session
    </xpath>
    <xpath expr="(//t[@t-set='price'])[4]" position="replace" mode="inner">
        $500.00
    </xpath>
    <xpath expr="(//t[@t-set='description'])[4]" position="replace" mode="inner">
        A relaxed portrait session for families, capturing genuine moments and smiles in a comfortable setting.
    </xpath>
    <xpath expr="(//t[@t-set='name'])[5]" position="replace" mode="inner">
        Professional Headshots
    </xpath>
    <xpath expr="(//t[@t-set='price'])[5]" position="replace" mode="inner">
        $250.00
    </xpath>
    <xpath expr="(//t[@t-set='description'])[5]" position="replace" mode="inner">
        High-quality headshots perfect for business profiles, LinkedIn, or personal branding, taken in our studio or on location.
    </xpath>
    <xpath expr="(//t[@t-set='name'])[6]" position="replace" mode="inner">
        Creative Portrait Session
    </xpath>
    <xpath expr="(//t[@t-set='price'])[6]" position="replace" mode="inner">
        $700.00
    </xpath>
    <xpath expr="(//t[@t-set='description'])[6]" position="replace" mode="inner">
        Artistic portrait photography with creative lighting and backgrounds, ideal for personal projects or portfolio work.
    </xpath>
</template>
 <!-- ======== STRIPED CENTER TOP ======== -->
<template id="s_striped_center_top" inherit_id="website.s_striped_center_top">
    <!-- Title -->
    <xpath expr="//h1" position="replace" mode="inner">
        Design Your World with Creativity
    </xpath>
    <!-- Paragraph -->
    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
        Stay ahead with cutting-edge design trends, fine art, and creative inspirations that shape the future of galleries, shows, and digital media.
    </xpath>
    <!-- Button -->
    <xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
        Discover More
    </xpath>
    <!-- Figcaption -->
    <xpath expr="//figcaption" position="replace" mode="inner">
        Where creativity knows no bounds
    </xpath>
</template>

<!-- ======== IMAGE TITLE ======== -->
<template id="s_image_title" inherit_id="website.s_image_title">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
    </xpath>
    <xpath expr="//h1" position="replace" mode="inner">
        A Deep Dive into Boldness and Innovation
    </xpath>
    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
        Transform your perspective with our groundbreaking collection, where unconventional meets visionary. Elevate your style with pieces that challenge norms and redefine creativity effortlessly.
    </xpath>
</template>

<!-- ======== KEY IMAGES ======== -->
<template id="s_key_images" inherit_id="website.s_key_images" name="Avantgarde s_key_images">
    <xpath expr="//h2" position="replace" mode="inner">
        Unleash Your Imagination with Avant-Garde Designs
    </xpath>
    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
        Pushing Boundaries, Redefining Possibilities
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')]//p[3]" position="replace" mode="inner">
        Where innovation meets artistry
    </xpath>
    <xpath expr="(//div[hasclass('col-lg-3')])[2]//p[3]" position="replace" mode="inner">
        Breaking the mold with bold, daring concepts
    </xpath>
    <xpath expr="(//div[hasclass('col-lg-3')])[3]//p[3]" position="replace" mode="inner">
        Crafting the future, one unique idea at a time
    </xpath>
    <xpath expr="(//div[hasclass('col-lg-3')])[4]//p[3]" position="replace" mode="inner">
        Experience the power of original thought
    </xpath>
</template>

</odoo>