+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ 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..b8f9da7fd
--- /dev/null
+++ b/top_selling_product_in_category/static/src/js/top_selling_products.js
@@ -0,0 +1,77 @@
+odoo.define('top_selling_product_in_category.products_category_wise', function (require) {
+'use strict';
+var core = require('web.core');
+var publicWidget = require('web.public.widget');
+var rpc = require('web.rpc');
+const ajax = require('web.ajax');
+var qweb = core.qweb;
+
+publicWidget.registry.TopSellingProducts = publicWidget.Widget.extend({
+ xmlDependencies: ['/top_selling_product_in_category/static/src/xml/top_selling_products_templates.xml'],
+ selector: '.products_category_wise_snippet',
+ /**
+ * Load products and categories data from the server.
+ */
+ willStart: async function () {
+ await rpc.query({ route: '/top_products/categories' }).then((data) => {
+ this.products = data[0];
+ this.categories = data[1];
+ this.website_id = data[2];
+ });
+ var proms = [];
+ if (this.xmlDependencies) {
+ proms.push.apply(proms, _.map(this.xmlDependencies, function (xmlPath) {
+ return ajax.loadXML(xmlPath, core.qweb);
+ }));
+ }
+ return Promise.all(proms);
+ },
+ /**
+ * 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 < product_category.length; i += 4) {
+ chunks.push(product_category.slice(i, i + 4));
+ }
+ if (chunks.length > 1) {
+ chunks[0].is_active = true;
+ chunks.push('chunk');
+ }
+ products_list.push({
+ 'category': category,
+ 'products': chunks
+ });
+ });
+ this.$el.find('#top_products_carousel').html(
+ qweb.render('top_selling_product_in_category.products_category_wise', {
+ products: products,
+ categories: categories,
+ current_website_id: current_website_id,
+ products_list: products_list
+ })
+ );
+ const emptyDiv = document.querySelectorAll('.top_selling');
+ emptyDiv.forEach(div => {
+ if (div.firstElementChild == null) {
+ div.remove();
+ }
+ });
+ const carouselItem = document.querySelectorAll('.top');
+ carouselItem.forEach(item => {
+ if (item.firstElementChild == null) {
+ item.remove();
+ }
+ });
+ },
+});
+return publicWidget.registry.TopSellingProducts;
+});
\ No newline at end of file
diff --git a/top_selling_product_in_category/static/src/xml/top_selling_products_templates.xml b/top_selling_product_in_category/static/src/xml/top_selling_products_templates.xml
new file mode 100644
index 000000000..5be173ad2
--- /dev/null
+++ b/top_selling_product_in_category/static/src/xml/top_selling_products_templates.xml
@@ -0,0 +1,155 @@
+
+
+
+
+
+
+ 
+
+ + Top Selling Products In Category Snippet
++ With the addition of this module, your website will display a + snippet that lists the best-selling products, categorized by + category, that are displayed. +
+
+
+
+
+
+
+
+ + Explore this module +
+ +
+
+
+
+
+
+ + Overview +
+
+
+
+ + With the addition of this module, your website will have a + snippet that shows the best-selling items divided into their + appropriate categories. It gives you a useful tool to highlight + well-liked products and promote interaction with customers.
+
+
+
+
+
+
+ + Features +
+
+
+
+
+ 
+
+
+
+
+ + Website Snippet
+
+
+
+
+
+
+
+
+
+ + Carousel view of the products
+
+
+
+
+
+
+
+
+
+ + Products based on their category
+
+
+
+
+
+
+
+
+
+ + Available in Odoo 15 Community and Enterprise.
+
+
+
+
+
+ + Screenshots +
+
+ 
+
+
+ + Drag Product Category snippet to your website
++ From Document layout configuration in settings, user can select and configure the invoice document + layout
+
+
+ 
+
+
+ + Snippet in web page
+
+
+ 
+
+
+ + Carousel in the view
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ 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
+
+
+
+
+
+
+
+ Need Help?
++
+
+
+
+
+
+
+
+
+
+
+
+ WhatsApp
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Previous
+
+
+
+ Next
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ TOP SELLING PRODUCTS
+
+
+