[IMP] theme_anelusia, *: s_product_catalog adaptations

*: theme_artists, theme_avantgarde, theme_beauty, theme_bewise,
theme_bistro, theme_bookstore, theme_buzzy, theme_clean, theme_kiddo,
theme_loftspace, theme_notes, theme_odoo_experts, theme_orchid,
theme_paptic

This commit adapts the s_product_catalog customizations since this
snippet has been redesigned in PR [1].

task-3665307
Part of task-3619705

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

closes odoo/design-themes#833

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

theme_anelusia/views/snippets/s_product_catalog.xml

@@ -13,6 +13,8 @@
     <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_shape o_web_editor_Airy_11"/>
     </xpath>
+    <!-- Remove filter -->
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
 </template>
 
 </odoo>

theme_artists/views/snippets/s_product_catalog.xml

@@ -4,9 +4,11 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt200 pb200" remove="pb32 pt48" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt200 pb200" remove="pb64 pt64" separator=" "/>
         <attribute name="style"/>
     </xpath>
+    <!-- Remove filter -->
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
 </template>
 
 </odoo>

theme_avantgarde/views/customizations.xml

@@ -220,4 +220,10 @@
     </xpath>
 </template>
 
+<!-- ======== PRICELIST ======== -->
+<template id="s_product_catalog" inherit_id="website.s_product_catalog">
+    <!-- Remove filter -->
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
+</template>
+
 </odoo>

theme_beauty/views/snippets/s_product_catalog.xml

@@ -3,8 +3,8 @@
 
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Filter -->
-    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_bg_filter bg-white-75"/>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="attributes">
+        <attribute name="class" add="bg-white-75" remove="bg-white-85" separator=" "/>
     </xpath>
 </template>
 

theme_bewise/views/customizations.xml

@@ -417,11 +417,11 @@
 <!-- ======== PRICELIST ======== -->
 <template id="s_product_catalog" inherit_id="website.s_product_catalog" name="Be Wise s_product_catalog">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt120 pb120" remove="pt48 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt120 pb120" remove="pt64 pb64" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/06","flip":[]}</attribute>
     </xpath>
     <!-- Filter & shape -->
-    <xpath expr="//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_bg_filter bg-black-75"/>
         <div class="o_we_shape o_web_editor_Floats_06"/>
     </xpath>

theme_bistro/views/snippets/s_product_catalog.xml

@@ -5,17 +5,15 @@
     <!-- Section -->
     <xpath expr="//section" position="attributes">
         <attribute name="style"/>
-        <attribute name="class" add="parallax s_parallax_is_fixed o_cc o_cc5 pt120 pb104" remove="pt48 pb32" separator=" "/>
+        <attribute name="class" add="parallax s_parallax_is_fixed o_cc o_cc5 pt120 pb104" remove="pt64 pb64" separator=" "/>
         <attribute name="data-scroll-background-ratio">1</attribute>
     </xpath>
-    <xpath expr="//*[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_product_catalog_default_image'); background-position: 50% 0%;"/>
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
-    <!-- Title -->
-    <xpath expr="//h2" position="replace"/>
-    <!-- Paragraph -->
-    <xpath expr="//p" position="replace"/>
+    <!-- Remove Title & lead -->
+    <xpath expr="//div[hasclass('row')]" position="replace"/>
 </template>
 
 <template id="configurator_s_product_catalog" inherit_id="website.configurator_s_product_catalog">
@@ -30,13 +28,8 @@
 </template>
 
 <template id="s_product_catalog_dish" inherit_id="website.s_product_catalog_dish">
-    <xpath expr="//li" position="inside">
-        <p class="s_product_catalog_dish_description border-top text-muted pt-1 o_default_snippet_text">
-            <em>Add the description of this dish here.</em>
-        </p>
-    </xpath>
-    <xpath expr="//*[hasclass('s_product_catalog_dish_name')]" position="attributes">
-        <attribute name="class" remove="s_product_catalog_dish_dot_leaders" separator=" "/>
+    <xpath expr="//li" position="attributes">
+        <attribute name="class" add="mb-3" remove="mb-4" separator=" "/>
     </xpath>
 </template>
 

theme_bookstore/views/snippets/s_product_catalog.xml

@@ -4,10 +4,10 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pb112 pt112" remove="pb32 pt48" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pb112 pt112" remove="pb64 pt64" separator=" "/>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//section/*" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_bg_filter" style="background-color: rgba(47, 47, 47, 0.7) !important;"/>
     </xpath>
 </template>

theme_buzzy/views/snippets/s_product_catalog.xml

@@ -4,13 +4,13 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb32 pt48" separator=" "/>
+        <attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb64 pt64" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/07","flip":[]}</attribute>
         <!-- Enable SVG dynamic color functionality -->
         <attribute name="style">background-image: url('/web_editor/shape/theme_buzzy/s_product_catalog.svg?c1=o-color-1'); background-position: 50% 0%;</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//section/*" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_shape o_web_editor_Airy_07"/>
     </xpath>
 </template>

theme_clean/views/snippets/s_product_catalog.xml

@@ -9,7 +9,7 @@
         <attribute name="style"/>
     </xpath>
     <!-- Filter & Parallax -->
-    <xpath expr="//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>

theme_kiddo/views/snippets/s_product_catalog.xml

@@ -8,8 +8,8 @@
     </xpath>
 
     <!-- Filter -->
-    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_bg_filter bg-black-25"/>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter bg-black-75"/>
     </xpath>
 </template>
 

theme_loftspace/views/snippets/s_product_catalog.xml

@@ -4,11 +4,11 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt48 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt64 pb64" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/09","flip":[]}</attribute>
     </xpath>
     <!-- Filter & shape -->
-    <xpath expr="//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_bg_filter bg-black-50"/>
         <div class="o_we_shape o_web_editor_Floats_09"/>
     </xpath>

theme_notes/views/snippets/s_product_catalog.xml

@@ -4,13 +4,14 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb32 pt48" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb64 pt64" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/10","flip":[]}</attribute>
         <attribute name="data-scroll-background-ratio">1</attribute>
     </xpath>
     <!-- Shape & Background image -->
-    <xpath expr="//section/*" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
+        <div class="o_we_bg_filter bg-black-50"/>
         <div class="o_we_shape o_web_editor_Wavy_10"/>
     </xpath>
     <!-- Title & subtitles -->
@@ -24,8 +25,8 @@
         Paris edition
     </xpath>
     <!-- Description -->
-    <xpath expr="//div[hasclass('container')]//p" position="replace">
-        <p style="text-align: center;">Get your ticket now</p>
+    <xpath expr="//div[hasclass('container')]//p" position="replace" mode="inner">
+        Get your ticket now
     </xpath>
     <!-- Left column : names -->
     <xpath expr="//ul/t/t" position="replace" mode="inner">

theme_odoo_experts/views/snippets/s_product_catalog.xml

@@ -4,11 +4,11 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt96 pb96" remove="pt48 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt96 pb96" remove="pt64 pb64" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/03_001","flip":[]}</attribute>
     </xpath>
     <!-- Filter & shape -->
-    <xpath expr="//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_bg_filter bg-black-50"/>
         <div class="o_we_shape o_web_editor_Airy_03_001"/>
     </xpath>

theme_orchid/views/snippets/s_product_catalog.xml

@@ -7,7 +7,7 @@
         <attribute name="class" add="o_cc o_cc5" separator=" "/>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 </template>

theme_paptic/views/customizations.xml

@@ -396,9 +396,14 @@
 
 <!-- ==== Pricelist ===== -->
 <template id="s_product_catalog" inherit_id="website.s_product_catalog" name="Paptic s_product_catalog">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
+    </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_bg_filter bg-white-75"/>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="attributes">
+        <attribute name="class" remove="bg-white-85" separator=" "/>
+        <attribute name="style">background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(178, 255, 218, 1) 100%);</attribute>
     </xpath>
 </template>