From 0b567d15c646525b7b6b96b4a2e02d3fe14c79ef Mon Sep 17 00:00:00 2001
From: "Xavier Luyckx (xlu)" <xlu@odoo.com>
Date: Fri, 9 Aug 2024 12:44:55 +0200
Subject: [PATCH] [IMP] theme_*: adapt themes with new `s_image_frame` design

*: anelusia, artists, avantgarde, aviato, beauty, bewise, bistro,
bookstore, buzzy, clean, cobalt, enark, graphene, kiddo, monglia, nano,
notes, paptic, treehouse, vehicle, yes

This commit adapts the design of `s_image_frame` for multiple themes,
based on the new Odoo 18 snippet redesign.

task-4105328

closes odoo/design-themes#864

Part-of: task-4077427
Related: odoo/odoo#176562
Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
---
 theme_anelusia/__manifest__.py                   |  1 +
 theme_anelusia/views/snippets/s_image_frame.xml  | 11 +++++++++++
 theme_artists/__manifest__.py                    |  1 +
 theme_artists/views/snippets/s_image_frame.xml   | 15 +++++++++++++++
 theme_avantgarde/views/customizations.xml        | 12 ++++++++++++
 theme_aviato/__manifest__.py                     |  1 +
 theme_aviato/views/snippets/s_image_frame.xml    | 15 +++++++++++++++
 theme_beauty/__manifest__.py                     |  1 +
 theme_beauty/views/snippets/s_image_frame.xml    | 11 +++++++++++
 theme_bewise/views/customizations.xml            | 12 ++++++++++++
 theme_bistro/__manifest__.py                     |  1 +
 theme_bistro/views/snippets/s_image_frame.xml    | 11 +++++++++++
 theme_bookstore/__manifest__.py                  |  1 +
 theme_bookstore/views/snippets/s_image_frame.xml | 15 +++++++++++++++
 theme_buzzy/__manifest__.py                      |  1 +
 theme_buzzy/views/snippets/s_image_frame.xml     | 11 +++++++++++
 theme_clean/__manifest__.py                      |  1 +
 theme_clean/views/snippets/s_image_frame.xml     | 15 +++++++++++++++
 theme_cobalt/views/customizations.xml            |  8 ++++++++
 theme_enark/__manifest__.py                      |  1 +
 theme_enark/views/snippets/s_image_frame.xml     | 11 +++++++++++
 theme_graphene/views/customizations.xml          | 12 ++++++++++++
 theme_kiddo/__manifest__.py                      |  1 +
 theme_kiddo/views/snippets/s_image_frame.xml     | 11 +++++++++++
 theme_monglia/views/customizations.xml           |  7 +++++++
 theme_nano/__manifest__.py                       |  1 +
 theme_nano/views/snippets/s_image_frame.xml      | 11 +++++++++++
 theme_notes/__manifest__.py                      |  1 +
 theme_notes/views/snippets/s_image_frame.xml     | 15 +++++++++++++++
 theme_paptic/views/customizations.xml            |  8 ++++++++
 theme_treehouse/__manifest__.py                  |  1 +
 theme_treehouse/views/snippets/s_image_frame.xml | 11 +++++++++++
 theme_vehicle/views/customizations.xml           | 13 +++++++++++++
 theme_yes/__manifest__.py                        |  1 +
 theme_yes/views/snippets/s_image_frame.xml       | 15 +++++++++++++++
 35 files changed, 264 insertions(+)
 create mode 100644 theme_anelusia/views/snippets/s_image_frame.xml
 create mode 100644 theme_artists/views/snippets/s_image_frame.xml
 create mode 100644 theme_aviato/views/snippets/s_image_frame.xml
 create mode 100644 theme_beauty/views/snippets/s_image_frame.xml
 create mode 100644 theme_bistro/views/snippets/s_image_frame.xml
 create mode 100644 theme_bookstore/views/snippets/s_image_frame.xml
 create mode 100644 theme_buzzy/views/snippets/s_image_frame.xml
 create mode 100644 theme_clean/views/snippets/s_image_frame.xml
 create mode 100644 theme_enark/views/snippets/s_image_frame.xml
 create mode 100644 theme_kiddo/views/snippets/s_image_frame.xml
 create mode 100644 theme_nano/views/snippets/s_image_frame.xml
 create mode 100644 theme_notes/views/snippets/s_image_frame.xml
 create mode 100644 theme_treehouse/views/snippets/s_image_frame.xml
 create mode 100644 theme_yes/views/snippets/s_image_frame.xml

diff --git a/theme_anelusia/__manifest__.py b/theme_anelusia/__manifest__.py
index 4f8809d6b..7fcf00081 100644
--- a/theme_anelusia/__manifest__.py
+++ b/theme_anelusia/__manifest__.py
@@ -46,6 +46,7 @@
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_anelusia/views/snippets/s_image_frame.xml b/theme_anelusia/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..5704208fa
--- /dev/null
+++ b/theme_anelusia/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/__manifest__.py b/theme_artists/__manifest__.py
index 2240dcbe0..32570b657 100644
--- a/theme_artists/__manifest__.py
+++ b/theme_artists/__manifest__.py
@@ -50,6 +50,7 @@
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_artists/views/snippets/s_image_frame.xml b/theme_artists/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..1dafdbb9e
--- /dev/null
+++ b/theme_artists/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_16</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_avantgarde/views/customizations.xml b/theme_avantgarde/views/customizations.xml
index 8a8e0e3b1..bad7f2206 100644
--- a/theme_avantgarde/views/customizations.xml
+++ b/theme_avantgarde/views/customizations.xml
@@ -474,6 +474,18 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
 <!-- ======== BIG NUMBER ======== -->
 <template id="s_big_number" inherit_id="website.s_big_number">
     <!-- Section -->
diff --git a/theme_aviato/__manifest__.py b/theme_aviato/__manifest__.py
index 4cd747160..53cb61963 100644
--- a/theme_aviato/__manifest__.py
+++ b/theme_aviato/__manifest__.py
@@ -37,6 +37,7 @@
         'views/snippets/s_image_hexagonal.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_aviato/views/snippets/s_image_frame.xml b/theme_aviato/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..3033481c7
--- /dev/null
+++ b/theme_aviato/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_14</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_beauty/__manifest__.py b/theme_beauty/__manifest__.py
index 6b2dfee0a..cf5a8cb29 100644
--- a/theme_beauty/__manifest__.py
+++ b/theme_beauty/__manifest__.py
@@ -45,6 +45,7 @@
         'views/snippets/s_key_images.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_beauty/views/snippets/s_image_frame.xml b/theme_beauty/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..5704208fa
--- /dev/null
+++ b/theme_beauty/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bewise/views/customizations.xml b/theme_bewise/views/customizations.xml
index a339a791c..6f7ce902f 100644
--- a/theme_bewise/views/customizations.xml
+++ b/theme_bewise/views/customizations.xml
@@ -728,6 +728,18 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_quotes_carousel_demo_image_1</attribute>
+    </xpath>
+</template>
+
 <!-- ======== INTRO PILL ======== -->
 <template id="s_intro_pill" inherit_id="website.s_intro_pill">
     <!-- Title -->
diff --git a/theme_bistro/__manifest__.py b/theme_bistro/__manifest__.py
index e11feb353..5b3702209 100644
--- a/theme_bistro/__manifest__.py
+++ b/theme_bistro/__manifest__.py
@@ -42,6 +42,7 @@
         'views/snippets/s_quadrant.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
 
     ],
diff --git a/theme_bistro/views/snippets/s_image_frame.xml b/theme_bistro/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..01b5c707a
--- /dev/null
+++ b/theme_bistro/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/theme_bistro.bg_img_08</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bookstore/__manifest__.py b/theme_bookstore/__manifest__.py
index a6b55bd0a..a3fbf1e14 100644
--- a/theme_bookstore/__manifest__.py
+++ b/theme_bookstore/__manifest__.py
@@ -47,6 +47,7 @@
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_bookstore/views/snippets/s_image_frame.xml b/theme_bookstore/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..86187a816
--- /dev/null
+++ b/theme_bookstore/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_parallax_default_image</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_buzzy/__manifest__.py b/theme_buzzy/__manifest__.py
index 82f617a7d..f22bae4b0 100644
--- a/theme_buzzy/__manifest__.py
+++ b/theme_buzzy/__manifest__.py
@@ -53,6 +53,7 @@
         'views/snippets/s_image_title.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_buzzy/views/snippets/s_image_frame.xml b/theme_buzzy/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..baac470f5
--- /dev/null
+++ b/theme_buzzy/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_08</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_clean/__manifest__.py b/theme_clean/__manifest__.py
index 8570d8ea0..106e6b7b8 100644
--- a/theme_clean/__manifest__.py
+++ b/theme_clean/__manifest__.py
@@ -33,6 +33,7 @@
         'views/snippets/s_pricelist_boxed.xml',
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_clean/views/snippets/s_image_frame.xml b/theme_clean/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..2a8705c66
--- /dev/null
+++ b/theme_clean/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_quotes_carousel_demo_image_1</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_cobalt/views/customizations.xml b/theme_cobalt/views/customizations.xml
index 8229b42cd..e6e86e196 100644
--- a/theme_cobalt/views/customizations.xml
+++ b/theme_cobalt/views/customizations.xml
@@ -478,6 +478,14 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_1</attribute>
+    </xpath>
+</template>
+
 <!-- ======== BIG NUMBER ======== -->
 <template id="s_big_number" inherit_id="website.s_big_number">
     <!-- Section -->
diff --git a/theme_enark/__manifest__.py b/theme_enark/__manifest__.py
index e4c9133f5..0131cb732 100644
--- a/theme_enark/__manifest__.py
+++ b/theme_enark/__manifest__.py
@@ -36,6 +36,7 @@
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_enark/views/snippets/s_image_frame.xml b/theme_enark/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..5704208fa
--- /dev/null
+++ b/theme_enark/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_graphene/views/customizations.xml b/theme_graphene/views/customizations.xml
index 41b590ec1..2f5f9abba 100644
--- a/theme_graphene/views/customizations.xml
+++ b/theme_graphene/views/customizations.xml
@@ -489,6 +489,18 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/theme_graphene.image_content_10</attribute>
+    </xpath>
+</template>
+
 <!-- ======== BIG NUMBER ======== -->
 <template id="s_big_number" inherit_id="website.s_big_number">
     <!-- Section -->
diff --git a/theme_kiddo/__manifest__.py b/theme_kiddo/__manifest__.py
index 178f55ab2..0916f4ba6 100644
--- a/theme_kiddo/__manifest__.py
+++ b/theme_kiddo/__manifest__.py
@@ -42,6 +42,7 @@
         'views/snippets/s_key_images.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_kiddo/views/snippets/s_image_frame.xml b/theme_kiddo/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..573514e73
--- /dev/null
+++ b/theme_kiddo/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_10</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_monglia/views/customizations.xml b/theme_monglia/views/customizations.xml
index 163416d0e..597cebec0 100644
--- a/theme_monglia/views/customizations.xml
+++ b/theme_monglia/views/customizations.xml
@@ -593,5 +593,12 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_quotes_carousel_demo_image_1</attribute>
+    </xpath>
+</template>
 
 </odoo>
diff --git a/theme_nano/__manifest__.py b/theme_nano/__manifest__.py
index fe3e3472b..9302ffb71 100644
--- a/theme_nano/__manifest__.py
+++ b/theme_nano/__manifest__.py
@@ -33,6 +33,7 @@
         'views/snippets/s_key_benefits.xml',
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_nano/views/snippets/s_image_frame.xml b/theme_nano/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..42778942e
--- /dev/null
+++ b/theme_nano/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_notes/__manifest__.py b/theme_notes/__manifest__.py
index 13e47a10a..b8fb26723 100644
--- a/theme_notes/__manifest__.py
+++ b/theme_notes/__manifest__.py
@@ -46,6 +46,7 @@
         'views/snippets/s_quadrant.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_notes/views/snippets/s_image_frame.xml b/theme_notes/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..dc05e5e1b
--- /dev/null
+++ b/theme_notes/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_10</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_paptic/views/customizations.xml b/theme_paptic/views/customizations.xml
index c7b4438a3..885451c40 100644
--- a/theme_paptic/views/customizations.xml
+++ b/theme_paptic/views/customizations.xml
@@ -691,6 +691,14 @@
     </xpath>
 </template>
 
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
 <!-- ==== Big Number ===== -->
 <template id="s_big_number" inherit_id="website.s_big_number">
     <!-- Section -->
diff --git a/theme_treehouse/__manifest__.py b/theme_treehouse/__manifest__.py
index d9c9cc2e4..0ef1f0396 100644
--- a/theme_treehouse/__manifest__.py
+++ b/theme_treehouse/__manifest__.py
@@ -40,6 +40,7 @@
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_treehouse/views/snippets/s_image_frame.xml b/theme_treehouse/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..247f2afbc
--- /dev/null
+++ b/theme_treehouse/views/snippets/s_image_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_three_columns_default_image_3</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_vehicle/views/customizations.xml b/theme_vehicle/views/customizations.xml
index 3a13f22d6..0290b4ac4 100644
--- a/theme_vehicle/views/customizations.xml
+++ b/theme_vehicle/views/customizations.xml
@@ -685,4 +685,17 @@
         customer satisfaction
     </xpath>
 </template>
+
+<!-- ======== IMAGE FRAME ======== -->
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.library_image_05</attribute>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_yes/__manifest__.py b/theme_yes/__manifest__.py
index 18892443a..b2b31ff43 100644
--- a/theme_yes/__manifest__.py
+++ b/theme_yes/__manifest__.py
@@ -44,6 +44,7 @@
         'views/snippets/s_kickoff.xml',
         'views/snippets/s_intro_pill.xml',
         'views/snippets/s_big_number.xml',
+        'views/snippets/s_image_frame.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_yes/views/snippets/s_image_frame.xml b/theme_yes/views/snippets/s_image_frame.xml
new file mode 100644
index 000000000..fc8e29c48
--- /dev/null
+++ b/theme_yes/views/snippets/s_image_frame.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_frame" inherit_id="website.s_image_frame">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="o_cc1" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+    </xpath>
+</template>
+
+</odoo>