From 71da766d2561291cf402c1868cd118a859253466 Mon Sep 17 00:00:00 2001
From: Nicolas Delbovier <nicolas.delbovier@acsone.eu>
Date: Thu, 2 Jul 2026 14:02:26 +0200
Subject: [PATCH 1/3] [IMP] shopfloor_reception: send product image to frontend

---
 shopfloor_reception/actions/data.py   | 6 +++++-
 shopfloor_reception/actions/schema.py | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/shopfloor_reception/actions/data.py b/shopfloor_reception/actions/data.py
index 64b48741424..99a656ceea7 100644
--- a/shopfloor_reception/actions/data.py
+++ b/shopfloor_reception/actions/data.py
@@ -15,7 +15,11 @@ def _product_parser(self):
         parser functions. We use *args to capture them.
         """
         res = super(DataAction, self)._product_parser
-        return res + ["use_expiration_date"]
+        data_detail_action = self._actions_for("data_detail")
+        return res + [
+            "use_expiration_date",
+            ("image_256:image", data_detail_action._product_image_url),
+        ]
 
     @property
     def _lot_parser_reception(self):
diff --git a/shopfloor_reception/actions/schema.py b/shopfloor_reception/actions/schema.py
index 6453b43d532..ea1b92c55ff 100644
--- a/shopfloor_reception/actions/schema.py
+++ b/shopfloor_reception/actions/schema.py
@@ -15,6 +15,7 @@ def product(self):
                     "nullable": True,
                     "required": False,
                 },
+                "image": {"type": "string", "nullable": True, "required": False},
             }
         )
         return res

From 3273834f735bc3d4827833b5a6b0c564cdf80dd4 Mon Sep 17 00:00:00 2001
From: Nicolas Delbovier <nicolas.delbovier@acsone.eu>
Date: Thu, 2 Jul 2026 14:02:48 +0200
Subject: [PATCH 2/3] [IMP] shopfloor_reception_mobile: show product image in
 'set_lot'

---
 shopfloor_reception_mobile/static/src/scenario/reception.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/shopfloor_reception_mobile/static/src/scenario/reception.js b/shopfloor_reception_mobile/static/src/scenario/reception.js
index 3090a98aeb6..7e3a44e5e04 100644
--- a/shopfloor_reception_mobile/static/src/scenario/reception.js
+++ b/shopfloor_reception_mobile/static/src/scenario/reception.js
@@ -115,6 +115,7 @@ const Reception = {
                     :card_color="is_set_lot_possible() ? utils.colors.color_for('screen_step_done') : utils.colors.color_for('screen_step_todo')"
                     :key="make_state_component_key(['reception-product-item-detail-set-lot', state.data.picking.id])"
                 />
+                <v-img v-if="line_being_handled.product.image" :src="line_being_handled.product.image" max-width="256" class="mx-auto"/>
                 <div class="button-list button-vertical-list full">
                     <v-row align="center">
                         <v-col class="text-center" cols="12">

From 11e8b314740fdf4b556421d85e8757443d74e5f5 Mon Sep 17 00:00:00 2001
From: Nicolas Delbovier <nicolas.delbovier@acsone.eu>
Date: Tue, 7 Jul 2026 13:45:32 +0200
Subject: [PATCH 3/3] [IMP] shopfloor_reception_mobile: prevent UI layout shift
 on product image load

---
 shopfloor_reception_mobile/static/src/scenario/reception.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/shopfloor_reception_mobile/static/src/scenario/reception.js b/shopfloor_reception_mobile/static/src/scenario/reception.js
index 7e3a44e5e04..2463aa44e1f 100644
--- a/shopfloor_reception_mobile/static/src/scenario/reception.js
+++ b/shopfloor_reception_mobile/static/src/scenario/reception.js
@@ -115,7 +115,9 @@ const Reception = {
                     :card_color="is_set_lot_possible() ? utils.colors.color_for('screen_step_done') : utils.colors.color_for('screen_step_todo')"
                     :key="make_state_component_key(['reception-product-item-detail-set-lot', state.data.picking.id])"
                 />
-                <v-img v-if="line_being_handled.product.image" :src="line_being_handled.product.image" max-width="256" class="mx-auto"/>
+                <div v-if="line_being_handled.product.image" class="d-flex align-center justify-center mx-auto" style="height: 256px; width: 256px;">
+                    <v-img :src="line_being_handled.product.image" max-width="256" class="mx-auto"/>
+                </div>
                 <div class="button-list button-vertical-list full">
                     <v-row align="center">
                         <v-col class="text-center" cols="12">