Files
design-themes/theme_aviato/views/snippets/s_masonry_block.xml
T
Augustin (duau) a71f0184b8 [REF] theme_*: change web_editor shape route to html_editor route
*: test_themes, theme_anelusia, theme_artists, theme_avantgarde,
theme_aviato, theme_beauty, theme_bewise, theme_bistro, theme_bookstore,
theme_buzzy, theme_clean, theme_cobalt, theme_enark, theme_graphene,
theme_kea, theme_kiddo, theme_loftspace, theme_monglia, theme_nano,
theme_notes, theme_odoo_experts, theme_orchid, theme_paptic,
theme_real_estate, theme_treehouse, theme_vehicle, theme_yes, theme_zap

Part-of: odoo/design-themes#1129
Related: odoo/odoo#222471
Related: odoo/enterprise#92087
Signed-off-by: Christophe Monniez (moc) <moc@odoo.com>
2025-09-09 09:00:00 +00:00

103 lines
5.3 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_masonry_block" inherit_id="website.s_masonry_block" name="Masonry">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt24 pb104" remove="pt48 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5':'o-color-3'},'flip':['y'],'showOnMobile':true}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_html_builder_Connections_20 o_shape_show_mobile" style="background-image: url('/html_editor/shape/html_builder/Connections/20.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
</xpath>
</template>
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Main block #0 -->
<xpath expr="//div[hasclass('o_grid_item')]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center o_cc o_cc5 overflow-hidden justify-content-end rounded" remove="rounded-4" separator=" "/>
<attribute name="style" add="--grid-item-padding-y: 0px; --grid-item-padding-x: 20px; background-image: url('/web/image/website.s_key_images_default_image_1');" separator=";"/>
</xpath>
<!-- Remove img -->
<xpath expr="//img" position="replace"/>
<!-- Add Text -->
<xpath expr="//div[hasclass('o_grid_item')]" position="inside">
<div class="o_we_bg_filter bg-black-50"></div>
<h2 class="h3-fs" style="text-align: left;">Brazil</h2>
<p style="text-align: left;">From $699</p>
</xpath>
<!-- Little block #1 -->
<!-- Main div -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center o_cc o_cc5 overflow-hidden rounded" remove="o_cc o_cc2 rounded-4" separator=" "/>
<attribute name="style" add="--grid-item-padding-y: 0px; background-image: url('/web/image/website.s_carousel_default_image_1');" remove="--grid-item-padding-y: 20px" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[2]/h2" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<!-- Title -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]/h2" position="replace" mode="inner">
Greece
</xpath>
<!-- Paragraph -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]/p" position="replace" mode="inner">
From $349
</xpath>
<!-- Little block #2 -->
<!-- Main div -->
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center o_cc o_cc5 overflow-hidden rounded" remove="o_cc o_cc3 rounded-4" separator=" "/>
<attribute name="style" remove="--grid-item-padding-y: 20px; background-image: linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-2) 100%);" add="--grid-item-padding-y: 0px; background-image: url('/web/image/website.s_quotes_carousel_demo_image_2');" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[3]/h2" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<!-- Title -->
<xpath expr="(//div[hasclass('o_grid_item')])[3]/h2" position="replace" mode="inner">
Italy
</xpath>
<!-- Paragraph -->
<xpath expr="(//div[hasclass('o_grid_item')])[3]/p" position="replace" mode="inner">
From $299
</xpath>
<!-- Little block #3 -->
<!-- Main div -->
<xpath expr="(//div[hasclass('o_grid_item')])[4]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center o_cc o_cc5 overflow-hidden rounded" remove="o_cc o_cc4 rounded-4" separator=" "/>
<attribute name="style" remove="--grid-item-padding-y: 20px; background-image: linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-1) 100%);" add="--grid-item-padding-y: 0px; background-image: url('/web/image/website.s_key_images_default_image_4');" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[4]/h2" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<!-- Title -->
<xpath expr="(//div[hasclass('o_grid_item')])[4]/h2" position="replace" mode="inner">
Romania
</xpath>
<!-- Paragraph -->
<xpath expr="(//div[hasclass('o_grid_item')])[4]/p" position="replace" mode="inner">
From $149
</xpath>
<!-- Little block #4 -->
<!-- Main div -->
<xpath expr="(//div[hasclass('o_grid_item')])[5]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center o_cc o_cc5 overflow-hidden rounded" remove="o_cc o_cc2 rounded-4" separator=" "/>
<attribute name="style" add="--grid-item-padding-y: 0px; background-image: url('/web/image/website.s_three_columns_default_image_1');" remove="--grid-item-padding-y: 20px" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[5]/h2" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<!-- Title -->
<xpath expr="(//div[hasclass('o_grid_item')])[5]/h2" position="replace" mode="inner">
France
</xpath>
<!-- Paragraph -->
<xpath expr="(//div[hasclass('o_grid_item')])[5]/p" position="replace" mode="inner">
From $119
</xpath>
</template>
</odoo>