Files
design-themes/theme_vehicle/views/customizations.xml
T
Xavier Luyckx (xlu) 06d4effa17 [IMP] theme_*: adapt themes with new s_freegrid snippet
anelusia, artists, avantgarde, aviato, beauty, bewise, bistro, bookstore
, buzzy, clean, cobalt, enark, graphene, kea, kiddo, loftspace, monglia,
nano, notes, odoo_experts, orchid, paptic, real_estate, treehouse,
vehicle, yes, zap

This commit adapts the design of `s_freegrid` for multiple themes, based
on the new Odoo 18 snippet redesign.

task-4104931

closes odoo/design-themes#881

Part-of: task-4077427
Related: odoo/odoo#177573
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
2024-08-29 14:54:57 +00:00

519 lines
22 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- ======== COVER ======== -->
<template id="s_cover" inherit_id="website.s_cover" name="Vehicle s_cover">
<xpath expr="section" position="attributes">
<attribute name="class" remove="pt232 pb232" add="o_full_screen_height pt0 pb256" separator=" "/>
</xpath>
<xpath expr="//h1" position="replace" mode="inner">
The New KORAN X
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Take it all. Compliments too.
</xpath>
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
Start the engine
</xpath>
</template>
<!-- ======== TEXT - IMAGE ======== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Vehicle s_text_image">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb24 pt56 o_cc o_cc1" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/composition/composition_square_3.svg?c1=o-color-1&amp;c5=o-color-5</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_3</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_text_image.svg</attribute>
<attribute name="data-shape-colors">o-color-1;;;;o-color-5</attribute>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]" position="attributes">
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
</xpath>
<xpath expr="//h2" position="before">
<h4 class="text-o-color-1"><b>The world is yours</b></h4>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
No compromise
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Performance and design were the key words during the conception of this super car. No compromises were made to keep the pleasure of driving despite those constraints.
</xpath>
<xpath expr="//p[2]" position="replace" mode="inner">
Take advantage of a free track trial to discover it.
</xpath>
</template>
<!-- ======== IMAGE - TEXT ======== -->
<template id="s_image_text" inherit_id="website.s_image_text" name="Vehicle s_image_text">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb56 pt24 o_cc o_cc1" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_image_text_default_image/web_editor/composition/composition_square_2.svg?c2=o-color-1&amp;c5=o-color-5</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_2</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_image_text.svg</attribute>
<attribute name="data-shape-colors">;o-color-1;;;o-color-5</attribute>
</xpath>
<xpath expr="//h2" position="before">
<h4 class="text-o-color-1"><b>A greener lifestyle</b></h4>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Electric Driving
</xpath>
</template>
<!-- ======== NUMBERS ======== -->
<template id="s_numbers" inherit_id="website.s_numbers">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 pt48 pb48" remove="o_cc1 pt80 pb80" separator=" "/>
</xpath>
</template>
<!-- ======== MASONRY BLOCK ======== -->
<template id="s_masonry_block" inherit_id="website.s_masonry_block">
<xpath expr="//t[@t-call]" position="attributes">
<attribute name="t-call">website.s_masonry_block_image_texts_image_template</attribute>
</xpath>
<xpath expr="//section" position="attributes">
<attribute name="data-masonry-template">image_text_image</attribute>
</xpath>
<xpath expr="//section/div" position="attributes">
<attribute name="class" add="container-fluid" remove="container" separator=" "></attribute>
</xpath>
</template>
<template id="s_masonry_block_image_texts_image_template" inherit_id="website.s_masonry_block_image_texts_image_template" name="Vehicle s_masonry_block">
<xpath expr="//div[hasclass('col-lg-3')]" position="replace" mode="inner">
<img src="/web/image/website.s_parallax_default_image" class="img img-fluid mx-auto" alt=""/>
</xpath>
<!-- Block #02 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Electrifying <b>Performance</b>.
</xpath>
<xpath expr="//p" position="replace" mode="inner"/>
<!-- Block #03 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Smarter <b>Range</b>.
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner"/>
</template>
<!-- ======== REFERENCES ======== -->
<template id="s_references" inherit_id="website.s_references" name="Vehicle s_references">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt120 pb112" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Our Partners
</xpath>
<xpath expr="//p" position="replace"/>
</template>
<!-- ======== CALL TO ACTION ======== -->
<template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Vehicle s_call_to_action">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt96" remove="pt64" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/09","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_09"/>
</xpath>
<!-- Content -->
<xpath expr="//h3" position="replace" mode="inner">
<b>50,000 pre-orders</b> already registered.
</xpath>
<xpath expr="//h3" position="attributes">
<attribute name="style" add="text-align: left;" separator=" "/>
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Join the early joiners or request for a trial on track.
</xpath>
<xpath expr="//p" position="attributes">
<attribute name="style" add="text-align: left;" separator=" "/>
</xpath>
<xpath expr="//a" position="attributes">
<attribute name="class" remove="btn-lg" 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_cc5" remove="o_cc4" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
The best car dealer<br/>in your local area
</xpath>
<!-- Paragraphs -->
<xpath expr="//p" position="replace" mode="inner">
Looking for a leasing plan or a brand new car ? We got you covered<br/><br/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_vehicle/static/src/img/content/content_img_02.jpg</attribute>
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Contact us
</xpath>
</template>
<!-- ======== PICTURE ======== -->
<template id="s_picture" inherit_id="website.s_picture" name="Vehicle s_picture">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace">
<h2 class="text-center">View the all-new KORAN in 3D wherever you are</h2>
</xpath>
<!-- Paragraph -->
<xpath expr="//p" position="replace" mode="inner">
Bring the KORAN to life on your smartphone or tablet so you can visualise it for yourself
</xpath>
<!-- Image + Shape -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_picture_default_image</attribute>
<attribute name="data-file-name">01.svg</attribute>
</xpath>
<xpath expr="//figcaption" position="replace" mode="inner">
<span class="text-o-color-3">Our uniquely designed LED headlights are not only gorgeous but powerfully light your way.</span>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('o_container_small')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
</xpath>
</template>
<!-- ======== THREE COLUMNS ======== -->
<template id="s_three_columns" inherit_id="website.s_three_columns">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3 pt48 pb48" remove="o_cc2 pt32 pb32 bg-200" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="(//div[hasclass('card')])[1]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 4px 16px 0px !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 4px 16px 0px !important;</attribute>
</xpath>
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 4px 16px 0px !important;</attribute>
</xpath>
<!-- Column 1 -->
<xpath expr="//h3" position="replace" mode="inner">
Koran Mini
</xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris hendrerit est bibendum sollicitudin vestibulum.
</xpath>
<xpath expr="//p[hasclass('card-text')]" position="after">
<p><a href="#" class="btn btn-primary btn-block mb-0 o_cc o_cc4">Configure</a></p>
</xpath>
<xpath expr="//p[hasclass('card-text')]" position="after">
<span class="d-inline-block mb-4"><b>From $14,000</b></span>
</xpath>
<!-- Column 2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Koran GT
</xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris hendrerit est bibendum sollicitudin vestibulum.
</xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="after">
<p><a href="#" class="btn btn-primary btn-block mb-0 o_cc o_cc4">Configure</a></p>
</xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="after">
<span class="d-inline-block mb-4"><b>From $19,000</b></span>
</xpath>
<!-- Column 3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Koran EQ
</xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris hendrerit est bibendum sollicitudin vestibulum.
</xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="after">
<p><a href="#" class="btn btn-primary btn-block mb-0 o_cc o_cc4">Configure</a></p>
</xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="after">
<span class="d-inline-block mb-4"><b>From $25,000</b></span>
</xpath>
</template>
<!-- ======== FEATURES ======== -->
<template id="s_features" inherit_id="website.s_features">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1" remove="pt64 pb64" separator=" "/>
</xpath>
<!-- Left block -->
<!-- Icon -->
<xpath expr="//i" position="attributes">
<attribute name="class" add="fa-automobile" remove="fa-paper-plane-o" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//div[hasclass('row')]/div[1]/div/h3" position="replace" mode="inner">
Top Speed
</xpath>
<!-- Center block -->
<!-- Icon -->
<xpath expr="(//i)[2]" position="attributes">
<attribute name="class" add="fa-battery-full" remove="fa-credit-card" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//div[hasclass('row')]/div[2]/div/h3" position="replace" mode="inner">
Long Range
</xpath>
<!-- Right block -->
<!-- Icon -->
<xpath expr="(//i)[3]" position="attributes">
<attribute name="class" add="fa-cog" remove="fa-flag-o" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//div[hasclass('row')]/div[3]/div/h3" position="replace" mode="inner">
Dual Motor
</xpath>
</template>
<!-- ======== FEATURES GRID ======== -->
<template id="s_features_grid" inherit_id="website.s_features_grid">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1" separator=" "/>
</xpath>
<!-- Left Title -->
<xpath expr="//h2" position="replace" mode="inner">
Your advantages
</xpath>
<!-- Right Title -->
<xpath expr="(//h2)[2]" position="replace" mode="inner">
Our web store
</xpath>
<!-- Item #1 -->
<xpath expr="//i" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
<!-- Item #2 -->
<xpath expr="(//i)[2]" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
<!-- Item #3 -->
<xpath expr="(//i)[3]" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
<!-- Item #4 -->
<xpath expr="(//i)[4]" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
<!-- Item #5 -->
<xpath expr="(//i)[5]" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
<!-- Item #6 -->
<xpath expr="(//i)[6]" position="attributes">
<attribute name="class" add="text-o-color-1" separator=" "/>
</xpath>
</template>
<!-- ======== PRODUCT LIST ======== -->
<template id="s_product_list" inherit_id="website.s_product_list">
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)" position="replace" mode="inner">
Brakes #1
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)[2]" position="replace" mode="inner">
Brakes #2
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)[3]" position="replace" mode="inner">
Brakes #3
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)[4]" position="replace" mode="inner">
Brakes #4
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)[5]" position="replace" mode="inner">
Brakes #5
</xpath>
<xpath expr="(//div[hasclass('s_product_list_item_link')]//a)[6]" position="replace" mode="inner">
Brakes #6
</xpath>
</template>
<!-- ======== IMAGE WALL ======== -->
<template id="s_images_wall" inherit_id="website.s_images_wall">
<xpath expr="//img" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<xpath expr="(//img)[4]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<xpath expr="(//img)[5]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<xpath expr="(//img)[6]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
</template>
<!-- ======== FREE GRID ======== -->
<template id="s_freegrid" inherit_id="website.s_freegrid">
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Reliable Vehicle Services and Maintenance
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Keep your vehicle in top condition with our comprehensive repair and maintenance services. From cars to motorbikes, we offer expert solutions to ensure safe and smooth rides.
</xpath>
<!-- Button -->
<xpath expr="//a" position="replace" mode="inner">
Book a Service
</xpath>
</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>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Drive your Passion
</xpath>
<!-- Paragraph -->
<xpath expr="//p" position="replace" mode="inner">
Explore our exceptional range of cars designed for performance and luxury.
</xpath>
</template>
<!-- ======== KEY BENEFITS ======== -->
<template id="s_key_benefits" inherit_id="website.s_key_benefits">
<!-- Titles -->
<xpath expr="(//h3)[1]" position="replace" mode="inner">
Custom Vehicle Options
</xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Comprehensive Support
</xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Exclusive Features
</xpath>
<!-- Paragraphs -->
<xpath expr="//div[hasclass('col-lg-4')][2]/p" position="replace" mode="inner">
We offer personalized vehicle configurations to match your preferences and needs, ensuring you get the perfect fit for your lifestyle.
</xpath>
<xpath expr="//div[hasclass('col-lg-4')][3]/p" position="replace" mode="inner">
Our team provides full support throughout your vehicle purchase and ownership experience, from initial consultation to ongoing service.
</xpath>
<xpath expr="//div[hasclass('col-lg-4')][4]/p" position="replace" mode="inner">
Discover unique and advanced features that set our vehicles apart, providing you with exceptional performance and cutting-edge technology.
</xpath>
</template>
<!-- ======== CAROUSEL ======== -->
<template id="s_carousel" inherit_id="website.s_carousel">
<xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('container')])[2]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
</xpath>
<xpath expr="(//div[hasclass('container')])[3]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
</xpath>
</template>
<!-- ======== PRICELIST BOXED ======== -->
<template id="s_pricelist_boxed" inherit_id="website.s_pricelist_boxed">
<!-- Layout -->
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</xpath>
<!-- Texts -->
<xpath expr="//h2" position="replace" mode="inner">
Our Luxury Vehicle Services
</xpath>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Discover our exclusive range of services for luxury vehicles, designed to provide unparalleled quality and sophistication. Experience excellence on every drive.
</xpath>
<xpath expr="//h3" position="replace" mode="inner">
&#160;&#160;Maintenance &amp; Care
</xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner">
&#160;&#160;Customization &amp; Upgrades
</xpath>
<xpath expr="//t[@t-set='name']" position="replace" mode="inner">
Premium Detailing Package
</xpath>
<xpath expr="//t[@t-set='price']" position="replace" mode="inner">
$450.00
</xpath>
<xpath expr="//t[@t-set='description']" position="replace" mode="inner">
Comprehensive detailing service including exterior polishing, interior cleaning, and protective coatings for a showroom finish.
</xpath>
<xpath expr="(//t[@t-set='name'])[2]" position="replace" mode="inner">
Full-Service Maintenance
</xpath>
<xpath expr="(//t[@t-set='price'])[2]" position="replace" mode="inner">
$800.00
</xpath>
<xpath expr="(//t[@t-set='description'])[2]" position="replace" mode="inner">
Complete maintenance service covering engine check, transmission fluid change, brake inspection, and system diagnostics for optimal performance.
</xpath>
<xpath expr="(//t[@t-set='name'])[3]" position="replace" mode="inner">
Luxury Vehicle Servicing
</xpath>
<xpath expr="(//t[@t-set='price'])[3]" position="replace" mode="inner">
$1,200.00
</xpath>
<xpath expr="(//t[@t-set='description'])[3]" position="replace" mode="inner">
Specialized servicing tailored for high-end vehicles, including advanced diagnostics, custom parts, and manufacturer-recommended procedures.
</xpath>
<xpath expr="(//t[@t-set='name'])[4]" position="replace" mode="inner">
Custom Interior Upgrades
</xpath>
<xpath expr="(//t[@t-set='price'])[4]" position="replace" mode="inner">
$2,500.00
</xpath>
<xpath expr="(//t[@t-set='description'])[4]" position="replace" mode="inner">
Tailored interior enhancements including premium leather upholstery, bespoke trims, and advanced infotainment systems for a unique driving experience.
</xpath>
<xpath expr="(//t[@t-set='name'])[5]" position="replace" mode="inner">
High-Performance Tuning
</xpath>
<xpath expr="(//t[@t-set='price'])[5]" position="replace" mode="inner">
$3,000.00
</xpath>
<xpath expr="(//t[@t-set='description'])[5]" position="replace" mode="inner">
Performance tuning service including engine optimization, suspension upgrades, and exhaust modifications to enhance driving dynamics and power.
</xpath>
<xpath expr="(//t[@t-set='name'])[6]" position="replace" mode="inner">
Exclusive Exterior Customization
</xpath>
<xpath expr="(//t[@t-set='price'])[6]" position="replace" mode="inner">
$4,000.00
</xpath>
<xpath expr="(//t[@t-set='description'])[6]" position="replace" mode="inner">
Personalized exterior modifications such as custom paint jobs, aerodynamic enhancements, and bespoke alloy wheels to reflect your style.
</xpath>
</template>
</odoo>