NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_zap: theme improvement

Browse Source 
Revamp of `theme_zap`

task-4178094

closes odoo/design-themes#950

X-original-commit: 0dd9e17b8f
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Antoine (anso)
2024-09-13 12:45:07 +00:00
committed by qsm-odoo
parent 9cd2958f78
commit 8e1fd68ebb
33 changed files with 541 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_zap/views/images_library.xml
+15
View File
@@ -411,6 +411,14 @@
<field name="url">/theme_zap/static/src/img/content/s_images_mosaic_default_image_5.jpg</field>
</record>
<!-- Showcase -->
<record id="s_showcase_default_image" model="theme.ir.attachment">
<field name="key">website.s_showcase_default_image</field>
<field name="name">website.s_showcase_default_image</field>
<field name="url">/theme_zap/static/src/img/content/s_showcase_default_image.jpg</field>
</record>
<!-- Intro Pill -->
<record id="s_intro_pill_default_image" model="theme.ir.attachment">
<field name="key">website.s_intro_pill_default_image</field>
@@ -467,4 +475,11 @@
<field name="url">/theme_zap/static/src/img/content/s_empowerment_default_image.jpg</field>
</record>
<!-- Text Cover -->
<record id="s_text_cover_default_image" model="theme.ir.attachment">
<field name="key">website.s_text_cover_default_image</field>
<field name="name">website.s_text_cover_default_image</field>
<field name="url">/theme_zap/static/src/img/content/s_text_cover.jpg</field>
</record>
</odoo>
theme_zap/views/snippets/s_banner.xml
-10
View File
@@ -47,14 +47,4 @@
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/04_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="//*[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_comparisons.xml
+34
View File
@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt48 pb48" add="pt72 pb72" separator=" "/>
</xpath>
<!-- Lead -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Check out our flexible pricing plans with no hidden fees. Contact us for a custom quote.
</xpath>
<!-- Card 1 -->
<xpath expr="(//div[hasclass('col-lg-4')])[1]" position="attributes">
<attribute name="class" add="pt32" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[1]" position="attributes">
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
<!-- Card 2 -->
<xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
<!-- Card 3 -->
<xpath expr="(//div[hasclass('col-lg-4')])[3]" position="attributes">
<attribute name="class" add="pt32" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[3]" position="attributes">
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_cta_card.xml
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cta_card" inherit_id="website.s_cta_card">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 o_colored_level pt136" remove="o_cc2 pt64" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'rgba(0,0,0,0)','c5':'o-color-1'},'flip':['x']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=rgba(0,0,0,0)&amp;c5=o-color-1&amp;flip=x'); background-position: 50% 100%;"/>
</xpath>
<!-- Text Col -->
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" remove="col-lg-8" add="col-lg-5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
We’re seeking exceptional talent to join our team
</xpath>
<!-- Card Col -->
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" remove="col-lg-4" add="col-lg-6 offset-lg-1" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('s_card')]" position="attributes">
<attribute name="class" add="o_card_img_horizontal flex-lg-row" separator=" "/>
<attribute name="style">border-width: 0px; max-width: 100%; --card-img-size-h: 50%;</attribute>
</xpath>
<xpath expr="//div[hasclass('card-body')]" position="before">
<figure class="o_card_img_wrapper mb-0 ratio ratio-1x1">
<img class="o_card_img object-fit-cover rounded-start" src="/web/image/website.s_three_columns_default_image_3"/>
</figure>
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[1]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Attractive Salary
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[2]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Continuous Learning
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[3]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Healthy Environement
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_discovery.xml
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_discovery" inherit_id="website.s_discovery">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_colored_level oe_img_bg o_bg_img_center o_cc5 pb216" remove="o_cc1 pb136" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_kickoff_default_image'); background-position: 50% 75%;</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-3','c4':'rgba(0,0,0,0)','c5':'rgba(0,0,0,0)'},'flip':['x','y']}</attribute>
</xpath>
<!-- Shape and Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-3&amp;c4=rgba(0,0,0,0)&amp;c5=rgba(0,0,0,0)&amp;flip=xy'); background-position: 50% 100%;"/>
</xpath>
<!-- CTA -->
<xpath expr="//span[hasclass('s_cta_badge')]" position="replace" mode="inner">
<i class="fa fa-circle text-success" role="presentation"/>&#160;&#160;We're hiring now!&#160;&#160;&#160;&#160;<a href="#">See more&#160;&#160;<i class="fa fa-long-arrow-right" role="presentation"/></a>
</xpath>
<xpath expr="//span[hasclass('s_cta_badge')]" position="attributes">
<attribute name="class" remove="border" separator=" "/>
<attribute name="style">border-radius: 32px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Experience the real<br/>innovation
</xpath>
<!-- Lead -->
<xpath expr="//p" position="replace" mode="inner">
Experience top-tier software solutions designed to streamline operations,<br/> boost efficiency, and drive innovation for your business.
</xpath>
<!-- Buttons -->
<xpath expr="(//a)[2]" position="replace" mode="inner">
Get a Quote
</xpath>
<xpath expr="(//a)[3]" position="replace" mode="inner">
Contact Us
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_image_text.xml
-8
View File
@@ -6,14 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_colored_level o_cc o_cc2" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="class" add="img-thumbnail" separator=" "/>
<attribute name="style" add="padding: 15px;" separator=";"/>
</xpath>
<xpath expr="//p[2]" position="after">
<p><br/></p>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_image_title.xml
+8 -1
View File
@@ -2,9 +2,16 @@
<odoo>
<template id="s_image_title" inherit_id="website.s_image_title">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
<attribute name="class" add="pt144 pb144" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'rgba(0,0,0,0)','c5':'o-color-4'},'flip':['y']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=rgba(0,0,0,0)&amp;c5=o-color-4&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_key_images.xml
+3
View File
@@ -2,6 +2,9 @@
<odoo>
<template id="s_key_images" inherit_id="website.s_key_images">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Driving Success Through Innovation
</xpath>
theme_zap/views/snippets/s_numbers_charts.xml
+23
View File
@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers_charts" inherit_id="website.s_numbers_charts">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt48 pb48" add="pt80 pb80" separator=" "/>
</xpath>
<!-- Pie Chart -->
<xpath expr="//div[hasclass('s_chart')]" position="attributes">
<attribute name="data-data">{"labels":["First","Second"],"datasets":[{"label":"One","data":["25","75"],"backgroundColor":["o-color-3","o-color-1"],"borderColor":["",""]}]}</attribute>
</xpath>
<!-- Progress 1 -->
<xpath expr="(//div[hasclass('progress-bar')])[1]" position="attributes">
<attribute name="class" remove="bg-o-color-2" add="bg-o-color-1" separator=" "/>
</xpath>
<!-- Progress 2 -->
<xpath expr="(//div[hasclass('progress-bar')])[2]" position="attributes">
<attribute name="class" remove="bg-o-color-2" add="bg-o-color-1" separator=" "/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_references.xml
+18 -16
View File
@@ -4,45 +4,47 @@
<template id="s_references" inherit_id="website.s_references">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb64 o_cc2" remove="o_cc1 pb80" separator=" "/>
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Our <b>References</b>
Our References
</xpath>
<!-- Paragraph -->
<xpath expr="//p" position="after">
<p><br/></p>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
We're excited to have the opportunity to collaborate with these outstanding companies!
</xpath>
<!-- Link -->
<xpath expr="//a" position="replace"/>
<!-- Column #01 -->
<xpath expr="//div[hasclass('col-lg-2')][1]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #02 -->
<xpath expr="//div[hasclass('col-lg-2')][2]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #03 -->
<xpath expr="//div[hasclass('col-lg-2')][3]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #04 -->
<xpath expr="//div[hasclass('col-lg-2')][4]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #05 -->
<xpath expr="//div[hasclass('col-lg-2')][5]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #06 -->
<xpath expr="//div[hasclass('col-lg-2')][6]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
</template>
theme_zap/views/snippets/s_showcase.xml
+61
View File
@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_showcase" inherit_id="website.s_showcase">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt72 pb72" remove="pt48 pb48" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace" mode="inner">
Meet Our Specialists
</xpath>
<!-- Lead -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Our specialists bring a wealth of knowledge and experience to deliver top-quality solutions every time.
</xpath>
<!-- Image Col -->
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
<attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="class" add="shadow" separator=" "/>
</xpath>
<!-- Feature 1 -->
<xpath expr="(//div[hasclass('col-12')])[2]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[2]//h5" position="replace" mode="inner">
Coding Excellence
</xpath>
<xpath expr="(//div[hasclass('col-12')])[2]//p" position="replace" mode="inner">
We focus on writing clean, efficient code, ensuring scalable and high-performance software that meets industry standards.
</xpath>
<!-- Feature 2 -->
<xpath expr="(//div[hasclass('col-12')])[3]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[3]//h5" position="replace" mode="inner">
Agile Approach
</xpath>
<xpath expr="(//div[hasclass('col-12')])[3]//p" position="replace" mode="inner">
Using agile methods, we deliver flexible, iterative solutions that adapt quickly to changing business needs and feedback.
</xpath>
<!-- Feature 3 -->
<xpath expr="(//div[hasclass('col-12')])[4]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[4]//h5" position="replace" mode="inner">
Security First
</xpath>
<xpath expr="(//div[hasclass('col-12')])[4]//p" position="replace" mode="inner">
We integrate strong security measures at every stage, protecting your software and data from vulnerabilities and threats.
</xpath>
<!-- Link -->
<xpath expr="//a" position="replace" mode="inner">
Book an appointment
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_striped.xml
+27
View File
@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_striped" inherit_id="website.s_striped">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc5" add="o_cc2" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
We deliver powerful solutions
</xpath>
<!-- Lead -->
<xpath expr="//p" position="replace" mode="inner">
We provide innovative, tailored strategies that drive results and enhance business performance effectively.
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_text_cover_default_image/web_editor/geometric/geo_square_5.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_5</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_striped_default_image.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
</template>
</odoo>