[FIX] website_sale_comparison: restore compare button

Exact steps (or video) to reproduce the issue (on runbot):
1. Go to Website > Shop > Open a product with specifications table (Customizable Desk).
2. Open Editor > Set Specification to None > Compare button is removed from Product page

Fix:
display the compare button under add to cart if spec disabled

opw-3329219

closes odoo/odoo#137775

X-original-commit: 95e0be822fab3596b2baa8b19e0a9c1728096047
Signed-off-by: Walid Hanniche (waha) <waha@odoo.com>

addons/website_sale_comparison/i18n/website_sale_comparison.pot

@@ -43,7 +43,7 @@ msgid "<i class=\"fa fa-trash\" role=\"img\" aria-label=\"Remove\"/>"
 msgstr ""
 
 #. module: website_sale_comparison
-#: model_terms:ir.ui.view,arch_db:website_sale_comparison.product_attributes_body
+#: model_terms:ir.ui.view,arch_db:website_sale_comparison.product_add_to_compare
 msgid "<span class=\"fa fa-exchange me-2\"/>Compare"
 msgstr ""
 
@@ -88,7 +88,7 @@ msgstr ""
 #: code:addons/website_sale_comparison/static/src/xml/comparison.xml:0
 #: code:addons/website_sale_comparison/static/src/xml/comparison.xml:0
 #: model_terms:ir.ui.view,arch_db:website_sale_comparison.add_to_compare
-#: model_terms:ir.ui.view,arch_db:website_sale_comparison.product_attributes_body
+#: model_terms:ir.ui.view,arch_db:website_sale_comparison.product_add_to_compare
 #: model_terms:ir.ui.view,arch_db:website_sale_comparison.snippet_options
 #, python-format
 msgid "Compare"

addons/website_sale_comparison/views/snippets.xml

@@ -14,6 +14,12 @@
                    data-no-preview="true"
                    data-reload="/"/>
     </xpath>
+    <xpath expr="//we-button[hasclass('o_we_buy_now_btn')]" position="after">
+        <we-button title="Compare" class="fa fa-fw fa-exchange"
+                   data-customize-website-views="website_sale_comparison.product_add_to_compare"
+                   data-no-preview="true"
+                   data-reload="/"/>
+    </xpath>
 </template>
 
 </odoo>

addons/website_sale_comparison/views/website_sale_comparison_template.xml

@@ -9,6 +9,22 @@
         </xpath>
     </template>
 
+    <template id="product_add_to_compare" name='Add to comparison in product page' inherit_id="website_sale.product" priority="8">
+        <xpath expr="//div[@id='o_wsale_cta_wrapper']" position="after">
+            <t t-set="categories" t-value="product.valid_product_template_attribute_line_ids._prepare_categories_for_display()"/>
+            <t t-set="product_variant_id" t-value="product._get_first_possible_variant_id()"/>
+            <button t-if="product_variant_id and categories"
+                type="button"
+                role="button"
+                class="d-none d-md-block btn btn-link px-0 o_add_compare_dyn"
+                aria-label="Compare"
+                t-att-data-product-product-id="product_variant_id"
+                data-action="o_comparelist">
+                    <span class="fa fa-exchange me-2"/>Compare
+            </button>
+        </xpath>
+    </template>
+
     <template id="product_attributes_body" inherit_id="website_sale.product" name="Product attributes table">
         <xpath expr="//div[@id='product_attributes_simple']" position="replace"/>
         <xpath expr="//div[@id='product_full_description']" position="after">
@@ -18,10 +34,6 @@
                     <div class="container">
                         <div class="d-flex justify-content-between align-items-center mb-4">
                             <h3 class="m-0">Specifications</h3>
-                            <t t-if="is_view_active('website_sale_comparison.add_to_compare')">
-                                <t t-set="product_variant" t-value="product_variant or product._create_first_product_variant()"/>
-                                <button t-if="product_variant" type="button" role="button" class="d-none d-md-block btn btn-link px-0 o_add_compare_dyn" aria-label="Compare" t-att-data-product-product-id="product_variant.id" data-action="o_comparelist"><span class="fa fa-exchange me-2"></span>Compare</button>
-                            </t>
                         </div>
                         <div id="product_specifications">
                             <div class="row">