[IMP] website_sale: make "Image full" a global option

Previously, the "Image full" option was on a per product basis. This is
very strange, because in most cases you either want all of your product
images to take up the entire card space, or none of them. This commit
makes the option into a global option for the shop page, so it can be
toggled for all products at once.

task-1981170
Part of odoo/odoo#47574

addons/website_sale/data/data.xml

@@ -22,10 +22,6 @@
             <field name="name">Sale Ribbon</field>
             <field name="html_class">oe_ribbon_promo</field>
         </record>
-        <record id="website_sale.image_full" model="product.style">
-            <field name="name">Image Full</field>
-            <field name="html_class">oe_image_full</field>
-        </record>
 
         <record id="sales_team.salesteam_website_sales" model="crm.team">
             <field name="active" eval="True"/>

addons/website_sale/data/demo.xml

@@ -59,13 +59,11 @@
             <field name="website_size_x">2</field>
             <field name="website_size_y">2</field>
             <field name="website_sequence">9950</field>
-            <field name="website_style_ids" eval="[(6,0,[ref('website_sale.image_full')])]"/>
         </record>
 
         <record id="product.product_product_6" model="product.product">
             <field name="is_published" eval="True"/>
             <field name="website_sequence">10010</field>
-            <field name="website_style_ids" eval="[(6,0,[ref('website_sale.image_full')])]"/>
         </record>
 
         <record id="product.product_product_7" model="product.product">

addons/website_sale/views/templates.xml

@@ -272,6 +272,13 @@
         </t>
     </template>
 
+    <!-- (Option) Products: Enable image full for all products : Images Full -->
+    <template id="products_images_full" name="Images Full" inherit_id="website_sale.products" active="False" customize_show="True">
+        <xpath expr="//t[@t-foreach='tr_product']//td" position="attributes">
+            <attribute name="t-attf-class" add="oe_image_full" separator=" "/>
+        </xpath>
+    </template>
+
     <template id="sort" inherit_id="website_sale.products" customize_show="True" name="Show Sort by">
         <xpath expr="//div[hasclass('products_pager')]/t[@t-call][last()]" position="after">
             <t t-set="list_price_desc_label">Catalog price: High to Low</t>