+ 
+ 
+ 
+ 
+ 
+
+ ![]()
+ +$
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pos_multi_variant/static/src/css/label.css b/pos_multi_variant/static/src/css/label.css
new file mode 100644
index 000000000..980a9452b
--- /dev/null
+++ b/pos_multi_variant/static/src/css/label.css
@@ -0,0 +1,67 @@
+.pos .product .variant {
+ position: absolute;
+ top: 50px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #0070F7;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+
+.variants{
+ position: absolute;
+ bottom: -11px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #1b9c99;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+.extra-price{
+position: absolute;
+ top: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #ff6a6a;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+.tag{
+background-color:#d7d7d7;
+font-style: italic;
+}
+.variant-selected{
+ position: absolute;
+ bottom: 23px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ font-size: 15px;
+ background: #0831b3;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+.custom-pos-label{
+ width: 100%;
+ position: absolute;
+ top: 45%;
+ left: 0;
+ background: blue;
+ height: 20px;
+ display: block;
+ line-height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: white;
+}
\ No newline at end of file
diff --git a/pos_multi_variant/static/src/js/ProductPopup.js b/pos_multi_variant/static/src/js/ProductPopup.js
new file mode 100644
index 000000000..5edeb6406
--- /dev/null
+++ b/pos_multi_variant/static/src/js/ProductPopup.js
@@ -0,0 +1,78 @@
+odoo.define('pos_multi_variant.ProductsPopup', function(require) {
+ 'use strict';
+
+ const AbstractAwaitablePopup = require('point_of_sale.AbstractAwaitablePopup');
+ const Registries = require('point_of_sale.Registries');
+ const PosComponent = require('point_of_sale.PosComponent');
+ const { configureGui } = require('point_of_sale.Gui');
+ const {
+ useListener
+ } = require('web.custom_hooks');
+ const ProductItem = require('point_of_sale.ProductItem');
+ var models = require('point_of_sale.models');
+
+
+
+ class ProductsPopup extends ProductItem {
+ constructor() {
+ super(...arguments);
+ useListener('click-product', this._clickProduct);
+ }
+
+ select_variant(e){
+ var order = this.env.pos.get('selectedOrder')
+ var self = e.currentTarget
+ var action = $(self).find('.action').text();
+ var categories = []
+ var category = $(self).find('.action').data('category');
+ $('.product-img').find('.variant-selected').each(function ()
+ { if($(this).data('category') == category)
+ { $(this).text("").removeClass('variant-selected');
+ $(self).find('.action').text("Selected").addClass('variant-selected');
+ }
+ });
+ $(self).find('.action').text("Selected").addClass('variant-selected');
+ var add = $(self).find('.extra-price').text().substr(1).slice(0, -2);
+ var type = $(self).find('.variants').text();
+ $(self).find('.variant-selected').attr('data-price', add);
+ $(self).find('.variant-selected').attr('data-type', type);
+ }
+ click_confirm(e)
+ { var price = 0.00
+ var order = this.env.pos.get_order()
+ var selected_orderline = order.get_selected_orderline()
+ var variant = order.selected_orderline.product_variants
+ $('.product-img').find('.variant-selected').each(function ()
+ {
+ var add = this.previousSibling.innerHTML;
+ add = add.slice(3)
+ price += parseFloat(add)
+ if (order.selected_orderline.product.pos_variants){
+ variant.push({
+ 'extra_price': add,
+ 'type': $(this).data('type'),
+ })
+ };
+ })
+ selected_orderline.price_manually_set = true;
+ selected_orderline.price += price
+ selected_orderline.trigger('change', selected_orderline);
+ this.trigger('close-popup')
+ }
+ imageUrl() {
+ return `/web/image?model=product.product&field=image_1920&id=${this.props.product_tmpl_id}&unique=1`;
+ }
+
+
+ async _clickProduct(event) {
+ }
+ }
+
+ //products popup template
+ ProductsPopup.template = 'ProductsPopUp';
+ ProductsPopup.defaultProps = {};
+
+
+ Registries.Component.add(ProductsPopup);
+ return ProductsPopup;
+});
diff --git a/pos_multi_variant/static/src/js/ProductScreen.js b/pos_multi_variant/static/src/js/ProductScreen.js
new file mode 100644
index 000000000..5d8ad1ab4
--- /dev/null
+++ b/pos_multi_variant/static/src/js/ProductScreen.js
@@ -0,0 +1,90 @@
+odoo.define('pos_multi_variant.ProductScreen', function(require) {
+ 'use strict';
+
+ var ProductScreen = require('point_of_sale.ProductScreen');
+ const Registries = require('point_of_sale.Registries');
+ const NumberBuffer = require('point_of_sale.NumberBuffer');
+ var models = require('point_of_sale.models');
+ var rpc = require('web.rpc');
+
+ models.load_models([
+ { model: 'variants.tree',
+ fields: ["pos_active", "value", "attribute", "variants_id", "extra_price"],
+ loaded: function(self, variants_tree)
+ { self.variant_tree = variants_tree;
+ _.each(variants_tree, function(item)
+ { self.item = item;
+ });
+ }
+ },{ model: 'product.attribute.value',
+ fields: ["id", "name"],
+ loaded: function(self,values)
+ { self.values = values;
+ }
+ }]);
+
+ var super_models = models.PosModel.prototype.models;
+ models.load_fields('product.product', 'pos_variants');
+ models.load_fields('product.product', 'variant_line_ids');
+
+ const ProductScreenExtend = (ProductScreen) =>
+ class extends ProductScreen {
+ constructor() {
+ super(...arguments);
+ }
+
+ async _clickProduct(event) {
+ if (!this.currentOrder) {
+ this.env.pos.add_new_order();
+ }
+ const product = event.detail;
+ var variant_product = ''
+ await rpc.query({
+ model: 'variants.tree',
+ method: 'search_read',
+ fields: ['extra_price','attribute','value', 'variants_id'],
+ args: [[['variants_id','=',event.detail.product_tmpl_id]]]
+ }).then(function (data) {
+ variant_product = data
+
+ });
+ var li=[]
+ for(var i=0; i
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ POS Product Multi Variant
++ Configure Multi-Variant Products For POS +
+
+
+
+
+
+
+
+
+
+
+ Overview
++
+ POS Multi-variant module is an advanced way for managing product variants from the point of sale application. + The module helps the user to configure product variants straight from POS. User can set extra price, also activate/inactivate the option for variants. + As multi-variant products are displayed with a label, it comes easy for the user to sort which is multi-variant and which is not. + User can confirm the variant type to POS orders. +
+
+
+
+
+
+
+
+
+
+ Key Features
++
+
+
+
+
+
+
+
+ 
+
+
+
+ + Multi-variant option in product configuration. +
+
+
+
+
+
+ + Option for activating/inactivating variant types in POS. +
+
+
+
+
+
+ + Easy selection of variant type from wizard. +
+
+
+
+
+
+ + Option for adding extra price for the variant. +
+
+
+
+
+
+ + Notification for multi-variant products in POS. + +
+
+
+
+
+ + Displays variant details in order receipt and order. + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ Screenshots
++ + +
+
+
+
+
+ + 01
+
+
+ + Products -> Enable POS +
++ After installation, go to Products -> Enable POS variants option. +
+ +
+
+
+
+
+
+
+
+ + 02
+
+
+ + Configure variants + +
++ Here you have an option to configure different variants. + +
+ +
+
+
+
+
+
+
+
+ + 03
+
+
+ + See multi-variant products +
++ Open the POS session, you can see the product with multi-variants. + +
+ +
+
+
+
+
+
+
+
+ + 04
+
+
+ + Variant selection window pop-up +
++ Variant selection window pop-ups, upon selecting a product having multi-variants. +
+ +
+
+
+
+
+
+
+
+
+ + 05
+
+
+ + Choose desired variants +
++ Choose required variants of the product. +
+ +
+
+
+
+
+
+
+
+
+ + 06
+
+
+ + Confirmed variants get listed in the POS order list. +
++ On confirming the variants, it gets listed in the order list of POS session. + +
+ +
+
+
+
+
+
+
+
+
+ + 07
+
+
+ + Variant details in the order receipt +
++ The order receipt will be shown as below, + +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ 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
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+