+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Top Selling Products In Category Snippet
+This Module Adds a + Snippet To Display The Top-Selling + Products Categorized By Their Respective Categories On + Your Website.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module adds a snippet to display the top-selling products
+ categorized by their respective categories on your website. It provides
+ an effective way to showcase popular products and encourage customer
+ engagement.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+ 
+ Website Snippet
+
+
+ Website Snippet
+
+
+
+
+ Carousel view of the products
+
+
+ Carousel view of the products
+
+
+
+
+ Products based on their category
+
+
+ Products based on their category
+
+
+
+
+
+
+
+ Available in Odoo 16 Community and Enterprise.
+
+
+ Available in Odoo 16 Community and Enterprise.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+ + Drag Product Category snippet to your website +
+
+
+ 
+
+
+ + Snippet in web page +
+
+ + Carousel in the view +
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
\ No newline at end of file
diff --git a/top_selling_product_in_category/static/src/css/products_carousel.css b/top_selling_product_in_category/static/src/css/products_carousel.css
new file mode 100644
index 000000000..9bcec0b27
--- /dev/null
+++ b/top_selling_product_in_category/static/src/css/products_carousel.css
@@ -0,0 +1,40 @@
+.product_list{
+ display:flex;
+ align-items:center;
+ gap: 15px;
+ border-bottom: inset;
+}
+ .view-all-button{
+ background-color: #007bff;
+ border-color:#00bff;
+ color:#fff;
+ font-size:16px;
+ font-weight:400;
+ padding:1px 20px;
+ border-radius:4px;
+ }
+ .view-all-button:hover{
+ background-color:#0069d9;
+ border-color:#0062cc;
+ color:#fff;
+ }
+.card-img-top{
+ width:80% !important;
+ margin-top:36px !important;
+}
+.products_category_wise_snippet{
+ margin-left:7%;
+}
+.top_selling_next{
+ position:absolute;
+ right:12%;
+}
+.top_selling_prev{
+ position:absolute;
+ margin-left:-11%;
+}
+@media screen and (max-width: 400px) {
+ .products_category_wise_snippet{
+ display:none;
+ }
+}
\ No newline at end of file
diff --git a/top_selling_product_in_category/static/src/img/snippet.jpg b/top_selling_product_in_category/static/src/img/snippet.jpg
new file mode 100644
index 000000000..42e6864d6
Binary files /dev/null and b/top_selling_product_in_category/static/src/img/snippet.jpg differ
diff --git a/top_selling_product_in_category/static/src/js/top_selling_products.js b/top_selling_product_in_category/static/src/js/top_selling_products.js
new file mode 100644
index 000000000..ebef9b8ca
--- /dev/null
+++ b/top_selling_product_in_category/static/src/js/top_selling_products.js
@@ -0,0 +1,71 @@
+odoo.define('top_selling_product_in_category.top_selling_products', function(require) {
+ "use strict";
+ var PublicWidget = require('web.public.widget')
+ var ajax = require('web.ajax');
+ var core = require('web.core')
+ var Qweb = core.qweb;
+ /**
+ * Widget for displaying top-selling products in categories.
+ */
+ var TopSellingProducts = PublicWidget.Widget.extend({
+ selector: '.products_category_wise_snippet',
+ /**
+ * Load products and categories data from the server.
+ */
+ willStart: async function() {
+ await ajax.jsonRpc('/top_products/categories', 'call', {}).then((data) => {
+ this.products = data[0];
+ this.categories = data[1];
+ this.website_id = data[2];
+ })
+ },
+ /**
+ * Render the widget with the fetched data.
+ */
+ start: function() {
+ var products = this.products
+ var categories = this.categories
+ const current_website_id = this.website_id
+ var products_list=[]
+ categories.forEach(function(category){
+ var product_category=products.filter(function(product){
+ return product.public_categ_ids[0] === category.id;
+ })
+ var chunks=[];
+ for (var i=0;i
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Previous
+
+
+
+ Next
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ PRODUCTS
+
+
+