+
+
+
+
+
+
+
diff --git a/ecommerce_quick_view/static/src/js/quick_view_modal.js b/ecommerce_quick_view/static/src/js/quick_view_modal.js
new file mode 100644
index 000000000..df1222513
--- /dev/null
+++ b/ecommerce_quick_view/static/src/js/quick_view_modal.js
@@ -0,0 +1,31 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { rpc } from "@web/core/network/rpc";
+
+publicWidget.registry.QuickViewModal = publicWidget.Widget.extend({
+ selector: '.oe_website_sale',
+ events: {'click a.c-product-quick-view-action': '_onQuickViewClick',},
+ init(params) {
+ this._super(... arguments);
+ },
+ show_modal(template) {
+ var $modal = $(template).appendTo($(this.selector));
+ $modal.modal('show');
+ // attach an event listener to remove the modal from the DOM when it is hidden
+ $modal.get(0).addEventListener('hidden.bs.modal', function (event) {
+ $modal.remove();
+ }, {once: true});
+ },
+ async _onQuickViewClick(ev) {
+ ev.preventDefault();
+ var product_id = $(ev.currentTarget).data('product-id');
+ var self = this;
+ try {
+ var result = await rpc('/c_quick_view/get_quick_view_html', {product_id: product_id});
+ self.show_modal(result);
+ } catch (err) {
+ alert(err);
+ }
+ },
+});
+export default publicWidget.registry.QuickViewModal;
diff --git a/ecommerce_quick_view/views/quick_view_templates.xml b/ecommerce_quick_view/views/quick_view_templates.xml
new file mode 100644
index 000000000..ff6a8fcce
--- /dev/null
+++ b/ecommerce_quick_view/views/quick_view_templates.xml
@@ -0,0 +1,296 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Module for Showing Quickview Popup for Products in + Products-listing Page. +
+Product Quickview in e-Commerce +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Easy to Shop +
++ Enables quick view mode for both mobile and + desktop clients. +
+
+
+
+
+
+
+
+
+ + Loads Up All Product Information +
++ Loads up all product information in quick view. +
+
+
+
+
+
+
+
+
+
+ + Compatibility +
++ Designed to work with both Odoo Community and Enterprise editions. +
+
+
+
+
+
+
+
+
+
+ Product Quickview in e-Commerce
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Quick View Button + +
+
+
+ + Go to Website > Shop. Hover on a product and + you can see the quick view button. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Quickview Window +
+
+
+ + Quickview window contains most of the + product information and operation without + reloading the page. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Enables quick + view mode for both mobile and desktop clients. +
+
+
+
+
+
+
+
+
+
+ + Reduces UI refresh time to load product + information.
+
+
+
+
+
+
+
+
+
+ + Loads up all + product information in quick view.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + It allows customers to view product details in a popup window without navigating away from the product listing page. +
+
+
+
+
+
+
+ + Yes, customers can add products directly to the cart from the quick view without leaving the page. +
+
+
+
+
+
+ + Yes, the quick view layout and content can be customized to fit your store’s needs. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 30th September, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+