Files
design-themes/theme_kea/views/snippets/s_media_list.xml
T
Alessandro Lupo dcbe2287af [FIX] theme_anelusia, *: 'web_editor' to 'html_builder' in shapeId
* theme_artists, theme_avantgarde, theme_beauty, theme_bistro, theme_buzzy,
    theme_clean, theme_graphene, theme_kea, theme_kiddo, theme_monglia,
    theme_nano, theme_odoo_experts, theme_orchid, theme_real_estate,
    theme_treehouse, theme_vehicle, theme_zap

**Problem**
Some snippets contain shapes whose ID starts with `web_editor` instead of
`html_builder`. These IDs are not listed in imageShapeDefinitions [1], and
this generates a traceback when trying to apply shape tranformations.

**How to reproduce**
1. Insert the snippet `s_images_constellation`
2. Click on the bottom left image having the "Double Pill" shape
3. Click on any "Transform" button under the "Shape" row in the "Image" section
4. Problem: traceback pops up

**Solution**
This commit replaces `web_editor` with `html_builder` in themes.
See also the changes made to snippets [2] and the migration script [3].

[1] addons/html_builder/static/src/plugins/image/image_shapes_definition.js
[2] https://github.com/odoo/odoo/pull/218837
[3] https://github.com/odoo/upgrade/pull/8076

task-4367641

closes odoo/design-themes#1117

Related: odoo/odoo#218837
Related: odoo/enterprise#90482
Related: odoo/upgrade#8076
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
2025-07-19 11:57:29 +00:00

89 lines
4.8 KiB
XML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_media_list" inherit_id="website.s_media_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt64 pb64" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/01","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_01"/>
</xpath>
<!-- Row 1 -->
<xpath expr="(//div[hasclass('row')])[2]" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_img_wrapper')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_body')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_3/web_editor/geometric_round/geo_round_blob_medium.svg</attribute>
<attribute name="data-shape">html_builder/geometric_round/geo_round_blob_medium</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_media_list_3.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Row 2 -->
<xpath expr="(//div[hasclass('row')])[3]" position="attributes">
<attribute name="class" add="flex-row-reverse" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_body')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_2/web_editor/geometric_round/geo_round_blob_medium.svg</attribute>
<attribute name="data-shape">html_builder/geometric_round/geo_round_blob_medium</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_media_list_2.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Row 3 -->
<xpath expr="(//div[hasclass('row')])[4]" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_media_list_body')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_1/web_editor/geometric_round/geo_round_blob_medium.svg</attribute>
<attribute name="data-shape">html_builder/geometric_round/geo_round_blob_medium</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_media_list_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<!-- Text 1 -->
<xpath expr="//h3" position="replace" mode="inner">
Comfort &amp; Ease
</xpath>
<xpath expr="//p" position="replace" mode="inner">
We only use original parts or parts of equivalent quality. ​We make sure you get the best quality available on the market at the best price. All our interventions are guaranteed for a period of one year.
</xpath>
<!-- Text 2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Fitting design
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner">
We only use original parts or parts of equivalent quality. ​We make sure you get the best quality available on the market at the best price. All our interventions are guaranteed for a period of one year.
</xpath>
<!-- Text 3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Natural control
</xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner">
Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.
</xpath>
</template>
</odoo>