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_*: adapt some themes to the grid-only Masonry snippet

Browse Source 
The Masonry snippet has been modified to be only in grid mode
and its templates have therefore been changed.

This commit adapts the themes that modify the Masonry templates to be
in accordance with these changes.

See community counterpart for details.

task-2973198

closes odoo/design-themes#601

X-original-commit: ef84cdf84d
Related: odoo/odoo#102525
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Soukéina Bojabza
2022-09-23 16:35:07 +00:00
committed by qsm-odoo
parent 0049109fda
commit 628880b71b
6 changed files with 87 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_bookstore/views/snippets/s_masonry_block.xml
+16 -16
View File
@@ -4,71 +4,71 @@
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template"> <template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Little block #1 --> <!-- Little block #1 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute> <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')]/h3" position="before">
<div class="o_we_shape o_web_editor_Rainy_10"/> <div class="o_we_shape o_web_editor_Rainy_10"/>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/h3" position="replace" mode="inner">
Science fiction Science fiction
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/p" position="replace" mode="inner">
Discover unknown universes Discover unknown universes
</xpath> </xpath>
<!-- Little block #2 --> <!-- Little block #2 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][2]" position="attributes">
<attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/> <attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02","flip":[]}</attribute> <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02","flip":[]}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="before">
<div class="o_we_shape o_web_editor_Airy_02"/> <div class="o_we_shape o_web_editor_Airy_02"/>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="replace" mode="inner">
Biographies Biographies
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/p" position="replace" mode="inner">
Meet great people Meet great people
</xpath> </xpath>
<!-- Little block #3 --> <!-- Little block #3 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][3]" position="attributes">
<attribute name="class" add="o_cc o_cc5" remove="bg-200" separator=" "/> <attribute name="class" add="o_cc o_cc5" remove="bg-200" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/04","flip":[]}</attribute> <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/04","flip":[]}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="before">
<div class="o_we_shape o_web_editor_Rainy_04"/> <div class="o_we_shape o_web_editor_Rainy_04"/>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="replace" mode="inner">
Horror Horror
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/p" position="replace" mode="inner">
Enjoy your fears Enjoy your fears
</xpath> </xpath>
<!-- Little block #4 --> <!-- Little block #4 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][4]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/26","flip":[]}</attribute> <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/26","flip":[]}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="before">
<div class="o_we_shape o_web_editor_Wavy_26"/> <div class="o_we_shape o_web_editor_Wavy_26"/>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="replace" mode="inner">
Romance Romance
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/p" position="replace" mode="inner">
Read the best love stories Read the best love stories
</xpath> </xpath>
</template> </template>
theme_notes/views/snippets/s_masonry_block.xml
+8 -8
View File
@@ -4,41 +4,41 @@
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template"> <template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Little block #01 --> <!-- Little block #01 -->
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/h3" position="replace" mode="inner">
Brussels Brussels
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/p" position="replace" mode="inner">
21th of August 21th of August
</xpath> </xpath>
<!-- Little block #02 --> <!-- Little block #02 -->
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="replace" mode="inner">
Paris Paris
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/p" position="replace" mode="inner">
24th of August 24th of August
</xpath> </xpath>
<!-- Little block #03 --> <!-- Little block #03 -->
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="replace" mode="inner">
Barcelona Barcelona
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/p" position="replace" mode="inner">
27th of August 27th of August
</xpath> </xpath>
<!-- Little block #04 --> <!-- Little block #04 -->
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="replace" mode="inner">
Amsterdam Amsterdam
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/p" position="replace" mode="inner">
4th of September 4th of September
</xpath> </xpath>
</template> </template>
theme_real_estate/views/snippets/s_masonry_block.xml
+16 -16
View File
@@ -10,69 +10,69 @@
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template"> <template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Little block #1 --> <!-- Little block #1 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc2" /> <attribute name="class" add="o_cc1" remove="o_cc2" />
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')]/h3" position="before">
<span class="fa fa-star fa-2x mb-4"></span> <span class="fa fa-star fa-2x mb-4"></span>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/h3" position="replace" mode="inner">
Increased Visibility Increased Visibility
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')]/p" position="replace" mode="inner">
Increase Visitor retention. Customer engagement on a website with virtual tour is 5 times longer compared to a site without it. Increase Visitor retention. Customer engagement on a website with virtual tour is 5 times longer compared to a site without it.
</xpath> </xpath>
<!-- Little block #2 --> <!-- Little block #2 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][2]" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc3" /> <attribute name="class" add="o_cc1" remove="o_cc3" />
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="before">
<span class="fa fa-tag fa-2x mb-4"></span> <span class="fa fa-tag fa-2x mb-4"></span>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="replace" mode="inner">
No fixed fees No fixed fees
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][2]/p" position="replace" mode="inner">
At Real Estate Agency we have fixed price fees. This means we only charge when your home sale is confirmed. At Real Estate Agency we have fixed price fees. This means we only charge when your home sale is confirmed.
</xpath> </xpath>
<!-- Little block #3 --> <!-- Little block #3 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][3]" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc4" /> <attribute name="class" add="o_cc1" remove="o_cc4" />
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="before">
<span class="fa fa-camera fa-2x mb-4"></span> <span class="fa fa-camera fa-2x mb-4"></span>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="replace" mode="inner">
Pro Photo Shoot Pro Photo Shoot
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][3]/p" position="replace" mode="inner">
They say an image is worth a thousand words and we know you know how important it is to have the best photography. They say an image is worth a thousand words and we know you know how important it is to have the best photography.
</xpath> </xpath>
<!-- Little block #4 --> <!-- Little block #4 -->
<!-- Main div --> <!-- Main div -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')][4]" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc2" /> <attribute name="class" add="o_cc1" remove="o_cc2" />
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="before"> <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="before">
<span class="fa fa-check fa-2x mb-4"></span> <span class="fa fa-check fa-2x mb-4"></span>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="replace" mode="inner">
Premium Quality Premium Quality
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/p" position="replace" mode="inner"> <xpath expr="//div[hasclass('col-lg-3')][4]/p" position="replace" mode="inner">
We are committed to delivering high quality services that enhance your brand by allowing visitors to interact virtually. We are committed to delivering high quality services that enhance your brand by allowing visitors to interact virtually.
</xpath> </xpath>
</template> </template>
theme_vehicle/views/customizations.xml
+4 -6
View File
@@ -106,21 +106,19 @@
</template> </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"> <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"> <xpath expr="//div[hasclass('col-lg-3')]" position="replace" mode="inner">
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/website.s_parallax_default_image);"> <img src="/web/image/website.s_parallax_default_image" class="img img-fluid mx-auto" alt=""/>
<p><br/></p>
</div>
</xpath> </xpath>
<!-- Block #02 --> <!-- Block #02 -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h3" position="replace" mode="inner">
Electrifying <b>Performance</b>. Electrifying <b>Performance</b>.
</xpath> </xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner"/> <xpath expr="//p" position="replace" mode="inner"/>
<!-- Block #03 --> <!-- Block #03 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h3)[2]" position="replace" mode="inner">
Smarter <b>Range</b>. Smarter <b>Range</b>.
</xpath> </xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner"/> <xpath expr="(//p)[2]" position="replace" mode="inner"/>
</template> </template>
<!-- ======== REFERENCES ======== --> <!-- ======== REFERENCES ======== -->
theme_yes/views/snippets/s_masonry_block.xml
+33 -28
View File
@@ -2,71 +2,76 @@
<odoo> <odoo>
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template"> <template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Col #1 - Image Block --> <!-- Image Block -->
<xpath expr="//div[hasclass('oe_img_bg')]" position="attributes"> <xpath expr="//div[hasclass('o_grid_item_image')]" position="attributes">
<attribute name="class" add="col-lg-4 border rounded" remove="col-lg-6" separator=" "/> <attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-6 g-col-lg-6" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/> <attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 1 / 11 / 5;" separator="; "/>
</xpath> </xpath>
<!-- Col #2 - Little Blocks --> <!-- Image Block - Image -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes"> <xpath expr="//img" position="attributes">
<attribute name="class" add="col-lg-8" remove="col-lg-6" separator=" "/> <attribute name="style" add="border-radius: 4px !important;" separator="; "/>
</xpath>
<!-- Little block #01 - Main div -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
</xpath> </xpath>
<!-- Little Blocks -->
<!-- Little block #01 - Title --> <!-- Little block #01 - Title -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h3" position="replace" mode="inner">
Caterers Caterers
</xpath> </xpath>
<!-- Little block #01 - Text --> <!-- Little block #01 - Text -->
<xpath expr="//*[hasclass('col-lg-6')]//p" position="replace"> <xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Check out our list of favorite venues.</p> <p>Check out our list of favorite venues.</p>
<p><a href="#" class="btn btn-secondary rounded-circle">Find a venue</a></p> <p><a href="#" class="btn btn-secondary rounded-circle">Find a venue</a></p>
</xpath> </xpath>
<!-- Little block #02 - Main div --> <!-- Little block #01 - Main div -->
<xpath expr="(//*[hasclass('col-lg-6')])[2]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/> <attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/> <attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 5 / 6 / 9;" separator="; "/>
</xpath> </xpath>
<!-- Little block #02 - Title --> <!-- Little block #02 - Title -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h3)[2]" position="replace" mode="inner">
Venues Venues
</xpath> </xpath>
<!-- Little block #02 - Text --> <!-- Little block #02 - Text -->
<xpath expr="(//*[hasclass('col-lg-6')])[2]//p" position="replace"> <xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Checkout our list of favorite venues.</p> <p>Checkout our list of favorite venues.</p>
<p><a href="#" class="btn btn-secondary">Find a venue</a></p> <p><a href="#" class="btn btn-secondary">Find a venue</a></p>
</xpath> </xpath>
<!-- Little block #03 - Main div --> <!-- Little block #02 - Main div -->
<xpath expr="(//*[hasclass('col-lg-6')])[3]" position="attributes"> <xpath expr="//*[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/> <attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/> <attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 9 / 6 / 13;" separator="; "/>
</xpath> </xpath>
<!-- Little block #03 - Title --> <!-- Little block #03 - Title -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h3)[3]" position="replace" mode="inner">
Attire Attire
</xpath> </xpath>
<!-- Little block #03 - Text --> <!-- Little block #03 - Text -->
<xpath expr="(//*[hasclass('col-lg-6')])[3]//p" position="replace"> <xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Find the perfect outfit for before, during and after the main event.</p> <p>Find the perfect outfit for before, during and after the main event.</p>
<p><a href="#" class="btn btn-primary">Shop</a></p> <p><a href="#" class="btn btn-primary">Shop</a></p>
</xpath> </xpath>
<!-- Little block #04 - Main div --> <!-- Little block #03 - Main div -->
<xpath expr="(//div[hasclass('col-lg-6')])[4]" position="attributes"> <xpath expr="//*[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/> <attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/> <attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 6 / 5 / 11 / 9;" separator="; "/>
</xpath> </xpath>
<!-- Little block #04 - Title --> <!-- Little block #04 - Title -->
<xpath expr="(//h3)[4]" position="replace" mode="inner"> <xpath expr="(//h3)[4]" position="replace" mode="inner">
FAQ FAQ
</xpath> </xpath>
<!-- Little block #04 - Text --> <!-- Little block #04 - Text -->
<xpath expr="(//*[hasclass('col-lg-6')])[4]//p" position="replace"> <xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Find the answers to all your questions <br/>in our FAQ.</p> <p>Find the answers to all your questions <br/>in our FAQ.</p>
<p><a href="#" class="btn btn-primary">Go to FAQ</a></p> <p><a href="#" class="btn btn-primary">Go to FAQ</a></p>
</xpath> </xpath>
<!-- Little block #04 - Main div -->
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 6 / 9 / 11 / 13;" separator="; "/>
</xpath>
</template> </template>
</odoo> </odoo>
theme_zap/views/snippets/s_masonry_block.xml
+10 -9
View File
@@ -3,11 +3,11 @@
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template"> <template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Block #01 --> <!-- Block #01 -->
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]" position="attributes"> <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/> <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
</xpath> </xpath>
<xpath expr="//h3" position="replace"/> <xpath expr="//h3" position="replace"/>
<xpath expr="(//p)[2]" position="replace" mode="inner"> <xpath expr="//p" position="replace" mode="inner">
<em class="lead">Maintain a position of constant change<br/> and evolution, while always aiming<br/> for your success.</em> <em class="lead">Maintain a position of constant change<br/> and evolution, while always aiming<br/> for your success.</em>
</xpath> </xpath>
<!-- Block #02 --> <!-- Block #02 -->
@@ -17,7 +17,7 @@
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h3" position="replace" mode="inner">
Super <b>Easy</b> Super <b>Easy</b>
</xpath> </xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner"/> <xpath expr="(//p)[2]" position="replace" mode="inner"/>
<!-- Block #03 --> <!-- Block #03 -->
<xpath expr="(//h3)[2]" position="before"> <xpath expr="(//h3)[2]" position="before">
<i class="fa fa-2x fa-rocket text-o-color-1 rounded-circle shadow mx-auto my-3"/> <i class="fa fa-2x fa-rocket text-o-color-1 rounded-circle shadow mx-auto my-3"/>
@@ -25,13 +25,14 @@
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h3)[2]" position="replace" mode="inner">
Super <b>Fast</b> Super <b>Fast</b>
</xpath> </xpath>
<xpath expr="(//p)[4]" position="replace" mode="inner"/> <xpath expr="(//p)[3]" position="replace" mode="inner"/>
<!-- Block #04 --> <!-- Block #04 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"/> <xpath expr="//*[hasclass('col-lg-3')][4]" position="attributes">
<xpath expr="(//p)[5]" position="replace" mode="inner"/> <attribute name="class" add="o_grid_item_image" remove="o_cc o_cc2" separator=" "/>
<xpath expr="//*[hasclass('col-lg-6')][2]//*[hasclass('col-lg-6')][4]" position="attributes"> <attribute name="contenteditable" add="false" separator=" "/>
<attribute name="class" add="oe_img_bg" separator=" "/> </xpath>
<attribute name="style" add="background-image: url('/web/image/website.s_masonry_block_default_image_2'); background-position: 50% 0%;" separator=" "/> <xpath expr="//*[hasclass('col-lg-3')][4]" position="replace" mode="inner">
<img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
</xpath> </xpath>
</template> </template>