odoo/tutorials#1272
Created by Harshvardhan Bareth (habar)
Blocked
- Merge method
- Review
-
CI
- ci/style: (runtime 16s)
- ci/tutorial: (runtime 670s)
- label
- odoo-dev:19.0-redesign-catalog-view-habar
- head
- 3d2108d4b130641082b9513b1d431675e807ab96
| odoo/tutorials | |
|---|---|
| 19.0 | #1272 missing r+ |
| master |
19.0 redesign catalog view habar
Description
This PR introduces a new standalone module, sale_catalog_redesigner, designed to enhance the Sales/Quotation Product Catalog view. It implements a responsive, interactive, and high-resolution image preview popup dialog using the Odoo Owl Framework.
The default Odoo Kanban catalog view utilizes compressed, low-resolution thumbnail images (image_128). This constraint makes it difficult for sales personnel to closely inspect product variants or design details while creating quotations. Currently, users are forced to leave the catalog workflow and navigate to the full product form view just to view a clear image.
Key Changes
Custom Image Widget: Extended the standard web.ImageField class to register a brand-new widget named custom_image_designer.
Reactive Zoom Dialog: Formed an ImageDialog component using Owl's useState hook to smoothly control digital scaling changes (0.5x to 3.0x) along with an instant 1:1 reset button.
Secure File Downloader: Created an asynchronous binary Blob fetching pipeline to bypass standard browser tab-opening behaviors and force physical file downloads with sanitized lowercase file naming conventions.