new module web product image sample

setup/web_product_image_sample/odoo/addons/web_product_image_sample

@@ -0,0 +1 @@
+../../../../web_product_image_sample

setup/web_product_image_sample/setup.py

@@ -0,0 +1,6 @@
+import setuptools
+
+setuptools.setup(
+    setup_requires=['setuptools-odoo'],
+    odoo_addon=True,
+)

web_product_image_sample/README.rst

@@ -0,0 +1,92 @@
+========================
+Web product image sample
+========================
+
+.. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! This file is generated by oca-gen-addon-readme !!
+   !! changes will be overwritten.                   !!
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+.. |badge1| image:: https://img.shields.io/badge/maturity-Production%2FStable-green.png
+    :target: https://odoo-community.org/page/development-status
+    :alt: Production/Stable
+.. |badge2| image:: https://img.shields.io/badge/licence-AGPL--3-blue.png
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
+    :target: https://github.com/OCA/web/tree/16.0/web_product_image_sample
+    :alt: OCA/web
+.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
+    :target: https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_product_image_sample
+    :alt: Translate me on Weblate
+.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png
+    :target: https://runbot.odoo-community.org/runbot/162/16.0
+    :alt: Try me on Runbot
+
+|badge1| |badge2| |badge3| |badge4| |badge5| 
+
+This module allows you to select the product variants by displaying a thumbnail image.
+
+* Quick sample
+
+  .. image:: https://raw.githubusercontent.com/OCA/web/16.0/web_product_image_sample/static/img/image.gif
+
+
+**Table of contents**
+
+.. contents::
+   :local:
+
+Usage
+=====
+
+In attributes select "Display type" to "Product image"
+
+Known issues / Roadmap
+======================
+
+* For the correct functioning of the module I had to rewrite .css_attribute_color, impacting the way of representing the selection by colors.
+
+Ideally this should not be necessary, help is required for this process.
+
+* The combination of more than one property cannot obtain the product identifier, therefore the images are not shown, this would be something to solve.
+
+Bug Tracker
+===========
+
+Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
+In case of trouble, please check there if your issue has already been reported.
+If you spotted it first, help us smashing it by providing a detailed and welcomed
+`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_product_image_sample%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+
+Do not contact contributors directly about support or help with technical issues.
+
+Credits
+=======
+
+Authors
+~~~~~~~
+
+* Xtendoo
+
+Contributors
+~~~~~~~~~~~~
+
+* Manuel Calero <[email protected]>
+
+Maintainers
+~~~~~~~~~~~
+
+This module is maintained by the OCA.
+
+.. image:: https://odoo-community.org/logo.png
+   :alt: Odoo Community Association
+   :target: https://odoo-community.org
+
+OCA, or the Odoo Community Association, is a nonprofit organization whose
+mission is to support the collaborative development of Odoo features and
+promote its widespread use.
+
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/16.0/web_product_image_sample>`_ project on GitHub.
+
+You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

web_product_image_sample/__init__.py

@@ -0,0 +1 @@
+from . import models

web_product_image_sample/__manifest__.py

@@ -0,0 +1,27 @@
+# Copyright 2023 Xtendoo
+# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
+{
+    "name": "Web product image sample",
+    "summary": """Display product image sample to select product variant on website""",
+    "version": "16.0.1.0.0",
+    "development_status": "Production/Stable",
+    "website": "https://github.com/OCA/web",
+    "author": "Xtendoo, Odoo Community Association (OCA)",
+    "license": "LGPL-3",
+    "category": "eCommerce",
+    "depends": [
+        "sale",
+        "website_sale",
+    ],
+    "data": [
+        "views/variants.xml",
+    ],
+    "assets": {
+        "web.assets_frontend": [
+            "web_product_image_sample/static/src/css/product_configurator.scss",
+        ],
+    },
+    "installable": True,
+    "auto_install": False,
+    "application": False,
+}

web_product_image_sample/models/__init__.py

@@ -0,0 +1,2 @@
+from . import product_attribute
+from . import product_template

web_product_image_sample/models/product_attribute.py

@@ -0,0 +1,10 @@
+from odoo import fields, models
+
+
+class ProductAttribute(models.Model):
+    _inherit = "product.attribute"
+
+    display_type = fields.Selection(
+        selection_add=[("image", "Product image")],
+        ondelete={"image": lambda recs: recs.write({"display_type": "radio"})},
+    )

web_product_image_sample/models/product_template.py

@@ -0,0 +1,17 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from odoo import models
+
+
+class ProductTemplate(models.Model):
+    _inherit = "product.template"
+
+    def _get_combination_info_image(self, combination_info):
+        if combination_info["product_id"]:
+            product = (
+                self.env["product.product"]
+                .sudo()
+                .browse(combination_info["product_id"])
+            )
+            if product:
+                return self.env["website"].image_url(product, "image_256", size=256)
+        return ""

web_product_image_sample/readme/CONTRIBUTORS.rst

@@ -0,0 +1 @@
+* Manuel Calero <[email protected]>

web_product_image_sample/readme/DESCRIPTION.rst

@@ -0,0 +1,5 @@
+This module allows you to select the product variants by displaying a thumbnail image.
+
+* Quick sample
+
+  .. image:: ../static/img/image.gif

web_product_image_sample/readme/ROADMAP.rst

@@ -0,0 +1,5 @@
+* For the correct functioning of the module I had to rewrite .css_attribute_color, impacting the way of representing the selection by colors.
+
+Ideally this should not be necessary, help is required for this process.
+
+* The combination of more than one property cannot obtain the product identifier, therefore the images are not shown, this would be something to solve.

web_product_image_sample/readme/USAGE.rst

@@ -0,0 +1 @@
+In attributes select "Display type" to "Product image"