[IMP] theme_anelusia, *: adapt s_key_images

*: 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_monglia, theme_nano,
theme_notes, theme_odoo_experts, theme_orchid, theme_paptic,
theme_real_estate, theme_treehouse, theme_vehicle, theme_yes, theme_zap

This commit adapts customizations for `s_key_images`, added in
https://github.com/odoo/odoo/pull/177463

task-4105059
Part of task-4077427

closes odoo/design-themes#878

Related: odoo/odoo#177463
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>

theme_anelusia/__manifest__.py

@@ -41,6 +41,7 @@
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_pricelist_boxed.xml',
         'views/snippets/s_striped_center_top.xml',
+        'views/snippets/s_key_images.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_anelusia/views/images_library.xml

@@ -257,5 +257,25 @@
     <field name="name">website.s_image_title_default_image</field>
     <field name="url">/theme_anelusia/static/src/img/snippets/s_carousel_3.jpg</field>
 </record>
+<record id="s_key_images_default_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_key_images_default_image_1</field>
+    <field name="name">website.s_key_images_default_image_1</field>
+    <field name="url">/theme_anelusia/static/src/img/snippets/s_key_images_default_image_1.jpg</field>
+</record>
+<record id="s_key_images_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_key_images_default_image_2</field>
+    <field name="name">website.s_key_images_default_image_2</field>
+    <field name="url">/theme_anelusia/static/src/img/snippets/s_key_images_default_image_2.jpg</field>
+</record>
+<record id="s_key_images_default_image_3" model="theme.ir.attachment">
+    <field name="key">website.s_key_images_default_image_3</field>
+    <field name="name">website.s_key_images_default_image_3</field>
+    <field name="url">/theme_anelusia/static/src/img/snippets/s_key_images_default_image_3.jpg</field>
+</record>
+<record id="s_key_images_default_image_4" model="theme.ir.attachment">
+    <field name="key">website.s_key_images_default_image_4</field>
+    <field name="name">website.s_key_images_default_image_4</field>
+    <field name="url">/theme_anelusia/static/src/img/snippets/s_key_images_default_image_4.jpg</field>
+</record>
 
 </odoo>

theme_anelusia/views/snippets/s_key_images.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_key_images" inherit_id="website.s_key_images">
+    <!-- Layout -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web_editor/image_shape/website.s_key_images_default_image_1/web_editor/geometric/geo_square_6.svg</attribute>
+        <attribute name="data-shape">web_editor/geometric/geo_square_6</attribute>
+        <attribute name="data-original-mimetype">image/jpeg</attribute>
+        <attribute name="data-file-name">s_key_images_default_image_1.svg</attribute>
+        <attribute name="data-shape-colors">;;;;</attribute>
+    </xpath>
+    <xpath expr="(//img)[4]" position="attributes">
+        <attribute name="src">/web_editor/image_shape/website.s_key_images_default_image_4/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_key_images_default_image_4.svg</attribute>
+        <attribute name="data-shape-colors">;;;;</attribute>
+    </xpath>
+
+    <!-- Texts -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        Discover Our Latest Fashion Collection
+    </xpath>
+    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
+        Explore the Trends that Define Style
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-3')]//p[3]" position="replace" mode="inner">
+        A glimpse of elegance and comfort in every piece
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-3')])[2]//p[3]" position="replace" mode="inner">
+        Perfect outfits for every occasion
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-3')])[3]//p[3]" position="replace" mode="inner">
+        Quality that speaks for itself
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-3')])[4]//p[3]" position="replace" mode="inner">
+        Redefine your wardrobe with our latest styles
+    </xpath>
+</template>
+
+</odoo>