[IMP] test_themes, *: carousels adaptations

*: theme_anelusia, theme_artists, theme_avantgarde, theme_cobalt,
theme_cobalt, theme_enark, theme_loftspace, theme_notes,
theme_odoo_experts, theme_bewise, theme_bistro, theme_buzzy,
theme_clean, theme_graphene, theme_nano, theme_treehouse, theme_yes,
theme_aviato, theme_beauty, theme_bookstore, theme_kea, theme_kiddo,
theme_monglia, theme_orchid, theme_paptic, theme_real_estate,
theme_vehicle, theme_zap

This commit adapts the customizations related to `s_carousel`,
s_image_gallery` and `s_quotes_carousel` since these snippets has been
redesigned in PR[1].

task-3654328
Part of task-3619705

[1]: https://github.com/odoo/odoo/pull/172727

closes odoo/design-themes#836

Related: odoo/odoo#172727
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>

test_themes/tests/test_new_page_templates.py

@@ -29,7 +29,7 @@ CONFLICTUAL_CLASSES = [
     ['o_spc-medium', 'o_spc-none', 'o_spc-small'],
     ['oi-arrows-h', 'oi-arrows-v', 'oi-chevron-left', 'oi-chevron-right', 'oi-search'],
     ['position-absolute', 'position-relative'],
-    ['s_carousel_bordered', 's_carousel_default', 's_carousel_rounded'],
+    ['s_carousel_default', 's_carousel_rounded'],
     ['s_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded'],
     ['text-center', 'text-end', 'text-start'],
 ]
@@ -76,13 +76,15 @@ CONFLICTUAL_CLASSES_RE = {
     re.compile(r'^s_.*'): [
         's_alert_md',
         's_blockquote_with_icon', 's_blockquote',
-        's_carousel_bordered', 's_carousel_default', 's_carousel_rounded',
+        's_carousel_default', 's_carousel_rounded', 's_carousel_boxed',
+        's_carousel_indicators_dots', 's_carousel_indicators_hidden', 's_carousel_controllers_indicators_outside',
+        's_quotes_carousel',
         's_dynamic', 's_dynamic_empty', 's_dynamic_snippet_blog_posts',
         's_blog_posts_effect_marley', 's_blog_post_big_picture',
         's_col_no_bgcolor', 's_col_no_resize',
         's_event_upcoming_snippet',
-        's_image_gallery_cover', 's_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded',
-        's_image_gallery_indicators_dots', 's_image_gallery_indicators_rounded', 's_image_gallery_show_indicators',
+        's_image_gallery', 's_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded',
+        's_image_gallery_indicators_dots', 's_image_gallery_indicators_squared', 's_image_gallery_indicators_rounded', 's_image_gallery_indicators_hidden', 's_image_gallery_indicators_bars', 's_image_gallery_indicators_outside','s_image_gallery_controllers_outside_arrows_right', 's_image_gallery_controllers_outside',
         's_newsletter_list', 's_newsletter_subscribe_form',
         's_parallax_is_fixed', 's_parallax_no_overflow_hidden',
         's_process_steps_connector_line',

theme_anelusia/__manifest__.py

@@ -16,6 +16,7 @@
         'views/snippets/s_company_team.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_image_gallery.xml',
+        'views/snippets/s_carousel.xml',
         'views/snippets/s_media_list.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_color_blocks_2.xml',

theme_anelusia/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-25"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-25"/>
+    </xpath>
+</template>
+
+</odoo>

theme_anelusia/views/snippets/s_image_gallery.xml

@@ -15,18 +15,14 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height s_image_gallery_indicators_dots" remove="s_image_gallery_indicators_rounded" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="pt80 pb80" remove="pt24 pb24" separator=" "/>
     </xpath>
     <!-- Item #2 - Img -->
     <xpath expr="//div[hasclass('carousel-item')][2]/img" position="attributes">
         <attribute name="src">/web/image/website.library_image_16</attribute>
     </xpath>
     <!-- Item #2 - Indicator -->
-    <xpath expr="//ul[hasclass('carousel-indicators')]//li[3]" position="attributes">
+    <xpath expr="//div[hasclass('carousel-indicators')]//button[3]" position="attributes">
         <attribute name="style">background-image: url(/web/image/website.library_image_16)</attribute>
     </xpath>
 </template>

theme_anelusia/views/snippets/s_quotes_carousel.xml

@@ -3,15 +3,15 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Slide #1 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
     <!-- Slide #2 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
     <!-- Slide #3 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
 </template>

theme_artists/views/snippets/s_carousel.xml

@@ -2,14 +2,6 @@
 <odoo>
 
 <template id="s_carousel" inherit_id="website.s_carousel">
-    <!-- Carousel-item #01 -->
-    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
-        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-    </xpath>
-    <!-- Shape & filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
-        <div class="o_we_bg_filter bg-black-25"/>
-    </xpath>
     <!-- Content -->
     <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('carousel-content')]" position="replace">
         <div class="carousel-content col-lg-12 pb112 pt112">
@@ -42,7 +34,7 @@
 
     <!-- Carousel-item #03 -->
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt152 pb152" remove="pb128 pt128" separator=" "/>
+        <attribute name="class" add="pt152 pb152" remove="pb128 pt128" separator=" "/>
     </xpath>
     <!-- Shape & filter -->
     <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">

theme_artists/views/snippets/s_image_gallery.xml

@@ -44,11 +44,11 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 s_image_gallery_cover o_full_screen_height" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 o_full_screen_height" separator=" "/>
     </xpath>
     <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
     </xpath>
 </template>
 

theme_avantgarde/views/customizations.xml

@@ -214,20 +214,36 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Avantgarde s_carousel">
-    <!-- Assign slide3 as 'active' and move it in first position -->
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
-        <attribute name="class" remove="active" separator=" "/>
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_rounded carousel-dark" remove="s_carousel_default" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
-        <attribute name="class" add="active" separator=" "/>
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="attributes">
+        <attribute name="class" add="s_carousel_indicators_dots" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
-        <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="move"/>
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 
-    <xpath expr="//h2/font" position="replace">
-        <font style="font-size: 62px; background-color: var(--o-color-4);" class="o_default_snippet_text">Making Simple</font>
+    <xpath expr="//h2" position="replace" mode="inner">
+        Making Simple
     </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//p[2]" position="replace"/>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//p[2]" position="replace"/>
 </template>
 
 <!-- ======== QUOTES ======== -->

theme_avantgarde/views/images_library.xml

@@ -312,5 +312,20 @@ Check in images.scss, primary_variables.scss, main.scss and theme_common's mixin
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_avantgarde/static/src/img/pictures/bg_image_28.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_02.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_08.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_03.jpg</field>
+</record>
 
 </odoo>

theme_aviato/__manifest__.py

@@ -24,6 +24,7 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_aviato/views/snippets/s_carousel.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_aviato/views/snippets/s_quotes_carousel.xml

@@ -3,8 +3,11 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Quote 1 -->
+    <xpath expr="//blockquote" position="attributes">
+        <attribute name="class" add="w-75" remove="w-50" separator=" "/>
+    </xpath>
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[1]" position="replace" mode="inner">
-        It's difficult to describe how awesome the trip was. I feel like my life has changed forever. It would take too long to describe day by day the sights, sounds, architecture, art, food, history, and people that we came across. Ireland was fantastic.
+        It would take too long to describe day by day the sights, sounds, and people that we came across. Ireland was fantastic.
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[1]//strong" position="replace" mode="inner">
         Linda and Paulo
@@ -14,7 +17,7 @@
     </xpath>
     <!-- Quote 2 -->
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[2]" position="replace" mode="inner">
-        As always, Odoo Travel has delivered a truly wonderful travel experience for us. Norway was a great travel destination. The parts of the country we visited were beautiful, people were friendly, everything we ate was delicious, and there were many fun things to see and do.
+        The parts of the country we visited were beautiful, people were friendly, everything we ate was delicious, and there were many fun things to see and do.
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
         Jacques and Marie
@@ -24,7 +27,7 @@
     </xpath>
     <!-- Quote 3 -->
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace"  mode="inner">
-        We would like to thank Odoo Travel for organising wonderful tour for us in Delhi, Agra and Rajasthan. Everything was very well organised. Thank you very much for everything!
+        Everything was very well organised. Thank you very much for everything!
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[3]//strong" position="replace" mode="inner">
         Rose and Peter

theme_beauty/__manifest__.py

@@ -30,6 +30,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_beauty/views/snippets/s_carousel.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_bewise/views/customizations.xml

@@ -103,18 +103,14 @@
 <!-- ======== QUOTES ======== -->
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel" name="Be Wise s_quotes_carousel">
     <!-- Section : Add a main background to the carousel -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="oe_img_bg o_bg_img_center" separator=" "/>
+    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" add="oe_img_bg o_bg_img_center s_carousel_rounded" remove="o_cc o_cc2 s_carousel_boxed" separator=" "/>
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_2');</attribute>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_bg_filter bg-black-15"/>
     </xpath>
-    <!-- Carousel -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded" remove="o_cc o_cc2 s_carousel_default" separator=" "/>
-    </xpath>
     <!-- Slide #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <!-- Remove background image of the slide -->
@@ -171,7 +167,7 @@
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="before">
         <div class="o_we_shape o_web_editor_Origins_14_001" style="background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-4&amp;c4=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
     </xpath>
 </template>
@@ -333,15 +329,24 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Be Wise s_carousel">
-    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
         <attribute name="class" add="o_cc o_cc5" separator=" "/>
     </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
         <attribute name="style" add="background-position: 50% 25%" separator=";"/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-item')][3]//p[last()]" position="replace" mode="inner">
         <font class="bg-o-color-4">Good copy starts with understanding how your product or service helps your customers. Simple words communicate better than big words and pompous language.</font>
     </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//a" position="attributes">
+        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//a" position="attributes">
+        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
+    </xpath>
 </template>
 
 <!-- ======== MEDIA LIST ======== -->

theme_bistro/__manifest__.py

@@ -28,6 +28,7 @@
         'views/snippets/s_text_image.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
 
     ],

theme_bistro/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_bookstore/__manifest__.py

@@ -33,6 +33,7 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_bookstore/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_bookstore/views/snippets/s_quotes_carousel.xml

@@ -2,6 +2,9 @@
 <odoo>
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
     <!-- Carousel item #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_6'); background-position: 50% 50%;</attribute>

theme_buzzy/__manifest__.py

@@ -44,6 +44,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_buzzy/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_image_gallery.xml

@@ -4,7 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_full_screen_height pt56 pb56 o_cc o_cc2 s_image_gallery_indicators_arrows_rounded" remove="pt24" separator=" "/>
+        <attribute name="class" add="o_full_screen_height pt56 pb56 o_cc o_cc2" remove="pt24 pb24" separator=" "/>
     </xpath>
 </template>
 

theme_buzzy/views/snippets/s_quotes_carousel.xml

@@ -4,11 +4,11 @@
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Carousel -->
     <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_default o_cc2" separator=" "/>
+        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_boxed o_cc2 carousel-dark" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_shape o_web_editor_Rainy_10"/>
     </xpath>
     <!-- Carousel items - Remove background image -->

theme_clean/views/image_content.xml

@@ -142,11 +142,6 @@
     <field name="name">website.s_quotes_carousel_demo_image_2</field>
     <field name="url">/theme_clean/static/src/img/backgrounds/bg_snippet_11.jpg</field>
 </record>
-<record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
-    <field name="key">website.s_quotes_carousel_demo_image_3</field>
-    <field name="name">website.s_quotes_carousel_demo_image_3</field>
-    <field name="url">/theme_clean/static/src/img/backgrounds/s_quotes_carousel_demo_image_3.jpg</field>
-</record>
 <record id="s_newsletter_block" model="theme.ir.attachment">
     <field name="key">website.library_image_17</field>
     <field name="name">website.library_image_17</field>
@@ -192,5 +187,10 @@
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_clean/static/src/img/content/image_content_19.jpg</field>
 </record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_clean/static/src/img/content/image_content_39.jpg</field>
+</record>
 
 </odoo>

theme_clean/views/snippets/s_carousel.xml

@@ -2,53 +2,40 @@
 <odoo>
 
 <template id="s_carousel" inherit_id="website.s_carousel">
-    <!-- Container -->
-    <xpath expr="//div[hasclass('carousel-inner')]" position="replace">
-        <div class="carousel-inner">
-            <!-- Slide 1 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg active o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_1'); background-position: 50% 20%; position: relative;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-5">
-                            <!-- Paragraph -->
-                            <h2>Personal adviser</h2>
-                            <p class="lead"><br/>At any moment, you may contact our advisor through the in-app video meeting system.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Slide 2 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_2'); position: relative;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-12 text-center">
-                            <!-- Paragraph -->
-                            <h2>Simplify things</h2>
-                            <p class="lead"><br/>We invest in strategic advice tailored to your<br/>
-                            business problems and needs.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Slide 3 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_3'); position: relative; background-position: 50% 65%;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-5 offset-lg-7">
-                            <!-- Paragraph -->
-                            <h2>Efficient team processes</h2>
-                            <p class="lead"><br/>We integrate digital tools and solutions for better insights, enabling data-driven planning.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+    <!-- Titles -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        Personal adviser
+    </xpath>
+    <xpath expr="(//h2)[2]" position="replace" mode="inner">
+        Simplify things
+    </xpath>
+    <xpath expr="//h3" position="replace" mode="inner">
+        Efficient team processes
+    </xpath>
+    <xpath expr="//h6" position="replace"/>
+
+    <!-- Paragraphs -->
+    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
+        At any moment, you may contact our advisor through the in-app video meeting system.
+    </xpath>
+    <xpath expr="(//p[hasclass('lead')])[2]" position="replace" mode="inner">
+        We invest in strategic advice tailored to your business problems and needs.
+    </xpath>
+    <xpath expr="(//p[hasclass('lead')])[3]" position="replace" mode="inner">
+        We integrate digital tools and solutions for better insights, enabling data-driven planning.
+    </xpath>
+
+    <!-- Filter -->
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+
+    <!-- Background -->
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="style" add="background-position: 50% 10%;" separator=" "/>
     </xpath>
 </template>
 

theme_cobalt/views/customizations.xml

@@ -131,6 +131,13 @@
     </xpath>
 </template>
 
+<!-- ======== CAROUSEL ======== -->
+<template id="s_carousel" inherit_id="website.s_carousel" name="Cobalt s_carousel">
+    <xpath expr="(//div[hasclass('carousel-content')])[3]" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+</template>
+
 <!-- ==== References ===== -->
 <template id="s_references" inherit_id="website.s_references" name="Cobalt s_references">
     <xpath expr="//section" position="attributes">
@@ -190,14 +197,6 @@
     </xpath>
 </template>
 
-<!-- ==== Images Gallery ===== -->
- <template id="s_image_gallery" inherit_id="website.s_image_gallery">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover" separator=" "/>
-    </xpath>
-</template>
-
 <!-- ==== Images Wall ===== -->
 <template id="s_images_wall" inherit_id="website.s_images_wall">
     <!-- Section -->

theme_enark/__manifest__.py

@@ -23,6 +23,7 @@
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_enark/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter bg-white-25"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_enark/views/snippets/s_image_gallery.xml

@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover s_image_gallery_indicators_arrows_boxed o_full_screen_height pt0 pb0" remove="pb24 pt24 s_image_gallery_indicators_rounded" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="o_full_screen_height pt0 pb0" remove="pb24 pt24" separator=" "/>
     </xpath>
 </template>
 

theme_graphene/views/customizations.xml

@@ -100,15 +100,27 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Graphene s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[1]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
     </xpath>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-75" />
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-75" />
+    </xpath>
 </template>
 
 <!-- ======== COMPANY TEAM ======== -->

theme_graphene/views/images_library.xml

@@ -345,4 +345,15 @@ Check in images.scss, primary_variables.scss, main.scss and theme_common's mixin
     <field name="url">/theme_graphene/static/src/img/pictures/content_06.jpg</field>
 </record>
 
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_graphene/static/src/img/pictures/content_26.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_graphene/static/src/img/pictures/content_27.jpg</field>
+</record>
+
 </odoo>

theme_kea/__manifest__.py

@@ -27,6 +27,8 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
+        'views/snippets/s_quotes_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_kea/views/snippets/s_carousel.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_kea/views/snippets/s_quotes_carousel.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_kiddo/__manifest__.py

@@ -26,6 +26,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_kiddo/views/snippets/s_carousel.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_loftspace/__manifest__.py

@@ -28,6 +28,7 @@
         'views/snippets/s_product_catalog.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_loftspace/views/images_content.xml

@@ -260,5 +260,15 @@ Check in primary_variables.scss and theme.scss -->
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_loftspace/static/src/img/snippets/s_media_list_1.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_loftspace/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_loftspace/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
 
 </odoo>

theme_loftspace/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_loftspace/views/snippets/s_image_gallery.xml

@@ -2,13 +2,9 @@
 <odoo>
 
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover" separator=" "/>
-    </xpath>
     <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+    <xpath expr="//div[hasclass('o_container_small')]" position="attributes">
+        <attribute name="class" add="container" remove="o_container_small" separator=" "/>
     </xpath>
 </template>
 

theme_monglia/views/customizations.xml

@@ -159,6 +159,15 @@
     <xpath expr="//a" position="replace">
         <a href="/contactus" class="btn btn-primary">Discover</a>
     </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
 </template>
 
 <!-- ======== QUOTES ======== -->

theme_monglia/views/images_content.xml

@@ -220,6 +220,11 @@ Check in primary_variables.scss, theme.scss and theme_common's mixins.scss -->
     <field name="name">website.s_product_catalog_default_image</field>
     <field name="url">/theme_monglia/static/src/img/snippets/s_product_catalog.jpg</field>
 </record>
+<record id="s_quotes_carousel_demo_image_0" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_0</field>
+    <field name="name">website.s_quotes_carousel_demo_image_0</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_quotes_carousel_0.jpg</field>
+</record>
 <record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
     <field name="key">website.s_quotes_carousel_demo_image_1</field>
     <field name="name">website.s_quotes_carousel_demo_image_1</field>
@@ -261,4 +266,20 @@ Check in primary_variables.scss, theme.scss and theme_common's mixins.scss -->
     <field name="url">/theme_monglia/static/src/img/snippets/s_media_list_1.jpg</field>
 </record>
 
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
+
 </odoo>

theme_nano/views/images_library.xml

@@ -368,5 +368,15 @@
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_nano/static/src/img/snippets/s_cover.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_nano/static/src/img/snippets/s_images_gallery_01.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_nano/static/src/img/snippets/s_images_gallery_02.jpg</field>
+</record>
 
 </odoo>

theme_nano/views/snippets/s_carousel.xml

@@ -4,7 +4,7 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Carousel -->
     <xpath expr="//*[hasclass('s_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_bordered carousel-fade bg-o-color-4" remove="s_carousel_default" separator=" "/>
+        <attribute name="class" add="carousel-fade bg-o-color-4" separator=" "/>
     </xpath>
     <!-- Slide #01 -->
     <xpath expr="//*[hasclass('carousel-content')][1]" position="attributes">

theme_notes/views/snippets/s_carousel.xml

@@ -4,11 +4,11 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Slide #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pb152 pt152" separator=" "/>
+        <attribute name="class" add="pb224 pt224" remove="pb152 pt152" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-content')]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>Miraillet Festival</h2>
+            <h2 class="display-3-fs">Miraillet Festival</h2>
             <p class="lead">From the 12th to the 17th of August, come and enjoy the atmosphere at the Miraillet Festival. Discover the line up below.</p>
             <p><br/></p>
             <p><a href="/contactus" class="btn btn-primary btn-lg">More Info</a></p>
@@ -16,11 +16,14 @@
     </xpath>
     <!-- Slide #2 -->
     <xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc2" remove="pt96 pb96" separator=" "/>
+        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt96 pb96" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>6 Days Pass</h2>
+            <h2 class="display-3-fs">6 Days Pass</h2>
             <p class="lead">Tickets will be on sale soon. Do not miss our 6 Days Pass. Free camping!</p>
             <p><br/></p>
             <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
@@ -28,11 +31,11 @@
     </xpath>
     <!-- Slide #3 -->
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt128 pb128" separator=" "/>
+        <attribute name="class" add="pb224 pt224" remove="pt128 pb128" separator=" "/>
     </xpath>
     <xpath expr="(//div[hasclass('carousel-content')])[3]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>Recent Editions</h2>
+            <h2 class="display-3-fs">Recent Editions</h2>
             <p class="lead">Discover what makes the reputation of the Miraillet festival through these after-movies.</p>
             <p><br/></p>
             <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>

theme_notes/views/snippets/s_image_gallery.xml

@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="s_image_gallery_indicators_arrows_boxed" separator=" "/>
     </xpath>
 </template>
 

theme_notes/views/snippets/s_quotes_carousel.xml

@@ -4,11 +4,14 @@
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 oe_img_bg o_bg_img_center" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+     <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" add="oe_img_bg o_bg_img_center" remove="carousel-dark" separator=" "/>
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_6'); background-position: 50% 65%;</attribute>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_bg_filter bg-black-75"/>
     </xpath>
     <!-- Carousel -->

theme_odoo_experts/__manifest__.py

@@ -33,6 +33,7 @@
         'views/snippets/s_title.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_odoo_experts/views/snippets/s_carousel.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_odoo_experts/views/snippets/s_image_gallery.xml

@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="s_image_gallery_indicators_arrows_boxed" separator=" "/>
     </xpath>
 </template>
 

theme_odoo_experts/views/snippets/s_quotes_carousel.xml

@@ -3,15 +3,15 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Carousel item #1 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <!-- Carousel item #2 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <!-- Carousel item #3 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 </template>

theme_orchid/views/snippets/s_quotes_carousel.xml

@@ -52,7 +52,7 @@
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="before">
         <div class="o_we_shape o_web_editor_Wavy_22"/>
     </xpath>
 </template>

theme_paptic/views/customizations.xml

@@ -180,15 +180,17 @@
 
 <!-- ======== CAROUSEL ======== -->
  <template id="s_carousel" inherit_id="website.s_carousel" name="Paptic s_carousel">
-    <!-- Assign slide2 as 'active' and move it in first position -->
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
-        <attribute name="class" remove="active" separator=" "/>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
-        <attribute name="class" add="active" separator=" "/>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
-        <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="move"/>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-75"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-white-75"/>
     </xpath>
 </template>
 

theme_paptic/views/images.xml

@@ -190,4 +190,21 @@
     <field name="url">/theme_paptic/static/src/img/pictures/s_picture.jpg</field>
 </record>
 
+<!-- Images Gallery -->
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_2.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_3.jpg</field>
+</record>
+
 </odoo>

theme_real_estate/__manifest__.py

@@ -26,6 +26,7 @@
         'views/snippets/s_call_to_action.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [

theme_real_estate/views/images.xml

@@ -216,5 +216,15 @@ Check in theme_monglia's primary_variables.scss, theme.scss and theme_common's m
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_real_estate/static/src/img/snippets/s_images_wall_05.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_real_estate/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_real_estate/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
 
 </odoo>

theme_real_estate/views/snippets/s_carousel.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>

theme_treehouse/views/snippets/s_carousel.xml

@@ -4,7 +4,13 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Carousel -->
     <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded" remove="s_carousel_default" separator=" "/>
+        <attribute name="class" add="s_carousel_boxed" remove="s_carousel_default" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 </template>
 

theme_vehicle/views/customizations.xml

@@ -410,4 +410,18 @@
     </xpath>
 </template>
 
+<!-- ======== CAROUSEL ======== -->
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+
 </odoo>

theme_vehicle/views/images.xml

@@ -210,6 +210,11 @@ Check in theme_monglia's primary_variables.scss, theme.scss and theme_common's m
     <field name="name">website.s_quotes_carousel_demo_image_2</field>
     <field name="url">/theme_vehicle/static/src/img/snippets/s_quotes_carousel_2.jpg</field>
 </record>
+<record id="s_quotes_carousel_demo_image_0" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_0</field>
+    <field name="name">website.s_quotes_carousel_demo_image_0</field>
+    <field name="url">/theme_vehicle/static/src/img/snippets/s_quotes_carousel_0.jpg</field>
+</record>
 <record id="s_newsletter_block" model="theme.ir.attachment">
     <field name="key">website.library_image_17</field>
     <field name="name">website.library_image_17</field>

theme_yes/views/snippets/s_carousel.xml

@@ -3,29 +3,15 @@
 
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Slide 1 -->
-    <xpath expr="(//*[hasclass('container')])" position="before">
+    <xpath expr="(//*[hasclass('o_we_bg_filter')])" position="replace">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-content')]" position="replace">
-        <div class="jumbotron o_cc o_cc1 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>Let us plan your perfect day</h2>
-            <p class="lead">We are focused on providing high-quality service and customer satisfaction.</p>
-            <a href="/contactus" class="btn btn-primary">Get in touch</a>
-        </div>
-    </xpath>
     <!-- Slide 2 -->
     <xpath expr="(//*[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="//*[hasclass('carousel-item')][2]" position="attributes">
-        <attribute name="class" add="pt152 pb152" remove="pt96 pb96" separator=" "/>
-    </xpath>
-    <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
-        <div class="jumbotron o_cc o_cc3 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>View our blog for inspiration</h2>
-            <p class="lead">Get inspired with the latest trends and advice from our wedding experts.</p>
-            <a href="#" class="btn btn-primary">See the blog</a>
-        </div>
+        <attribute name="class" add="o_cc o_cc5 pt152 pb152" remove="pt96 pb96" separator=" "/>
     </xpath>
     <!-- Slide 3 -->
     <xpath expr="(//*[hasclass('container')])[3]" position="before">
@@ -34,13 +20,6 @@
     <xpath expr="//*[hasclass('carousel-item')][3]" position="attributes">
         <attribute name="class" add="pt152 pb152" remove="pt128 pb128" separator=" "/>
     </xpath>
-    <xpath expr="(//*[hasclass('carousel-content')])[3]" position="replace">
-        <div class="jumbotron o_cc o_cc4 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>Check out our gallery</h2>
-            <p class="lead">Take a look at some of our favourite weddings.</p>
-            <a href="#" class="btn btn-primary">View our work</a>
-        </div>
-    </xpath>
 </template>
 
 </odoo>

theme_yes/views/snippets/s_image_gallery.xml

@@ -4,17 +4,12 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_indicators_dots" remove="s_image_gallery_indicators_rounded" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12", "flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//*[hasclass('container')]" position="before">
+    <xpath expr="//*[hasclass('o_container_small')]" position="before">
         <div class="o_we_shape o_web_editor_Floats_12"/>
     </xpath>
-    <!-- Container -->
-    <xpath expr="//*[hasclass('container')]" position="attributes">
-        <attribute name="class" add="o_container_small" remove="container" separator=" "/>
-    </xpath>
 </template>
 
 </odoo>

theme_yes/views/snippets/s_quotes_carousel.xml

@@ -2,6 +2,9 @@
 <odoo>
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
     <!-- Quote 1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <attribute name="style" add="background-image: url('/web/image/website.s_quotes_carousel_demo_image_0'); background-position: 50% 25%;" separator="; "/>
@@ -22,7 +25,7 @@
     <xpath expr="(//*[hasclass('carousel-item')])[2]" position="attributes">
         <attribute name="style" add="background-position: 50% 25%;" remove="background-position: 50% 50%;" separator="; "/>
     </xpath>
-    <xpath expr="(//*[hasclass('container')])[2]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
@@ -35,7 +38,7 @@
     <xpath expr="(//*[hasclass('carousel-item')])[3]" position="attributes">
         <attribute name="style" add="background-position: 50% 20%;" remove="background-position: 50% 50%;" separator="; "/>
     </xpath>
-    <xpath expr="(//*[hasclass('container')])[3]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace" mode="inner">

theme_zap/views/images_library.xml

@@ -265,6 +265,16 @@
     <field name="name">website.library_image_08</field>
     <field name="url">/theme_zap/static/src/img/backgrounds/01.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_zap/static/src/img/backgrounds/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_zap/static/src/img/backgrounds/s_images_gallery_2.jpg</field>
+</record>
 
 <!-- Accordion Image -->
 <record id="s_accordion_image_default_image" model="theme.ir.attachment">