diff --git a/packages/Webkul/Admin/src/Resources/assets/js/app.js b/packages/Webkul/Admin/src/Resources/assets/js/app.js
index cf717dd97..9950d2cee 100755
--- a/packages/Webkul/Admin/src/Resources/assets/js/app.js
+++ b/packages/Webkul/Admin/src/Resources/assets/js/app.js
@@ -5,6 +5,8 @@ require("./bootstrap");
 
 Vue.use(VeeValidate);
 
+window.eventBus = new Vue();
+
 $(document).ready(function () {
     Vue.config.ignoredElements = [
         'option-wrapper',
diff --git a/packages/Webkul/Shop/src/Resources/assets/js/app.js b/packages/Webkul/Shop/src/Resources/assets/js/app.js
index edba5a41f..a5a211b4b 100755
--- a/packages/Webkul/Shop/src/Resources/assets/js/app.js
+++ b/packages/Webkul/Shop/src/Resources/assets/js/app.js
@@ -7,6 +7,8 @@ require("./bootstrap");
 Vue.use(VeeValidate);
 Vue.prototype.$http = axios
 
+window.eventBus = new Vue();
+
 Vue.component("category-nav", require("./components/category-nav.vue"));
 Vue.component("category-item", require("./components/category-item.vue"));
 Vue.component("image-slider", require("./components/image-slider.vue"));
diff --git a/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php b/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php
index 233dae041..e5759416a 100755
--- a/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php
@@ -13,7 +13,7 @@
         <script type="text/x-template" id="product-options-template">
             <div class="attributes">
 
-                <input type="hidden" name="selected_configurable_option" :value="selectedProductId">
+                <input type="hidden" id="selected_configurable_option" name="selected_configurable_option" :value="selectedProductId">
 
                 <div v-for='(attribute, index) in childAttributes' class="attribute control-group" :class="[errors.has('super_attribute[' + attribute.id + ']') ? 'has-error' : '']">
                     <label class="required">@{{ attribute.label }}</label>
@@ -101,25 +101,6 @@
                                 this.selectedProductId = attribute.options[attribute.selectedIndex].allowedProducts[0];
                             }
 
-                            //wishlist anchor href changer with options
-                            // @auth('customer')
-                            //     var wishlistLink = $('#wishlist-changer').attr('data-href');
-
-                            //     if (this.selectedProductId != '') {
-                            //         var splitted = wishlistLink.split("/");
-
-                            //         var lastItem = splitted.pop();
-
-                            //         lastItem = this.selectedProductId;
-
-                            //         var joined = splitted.join('/');
-
-                            //         var newWishlistUrl = joined + '/' + lastItem;
-
-                            //         $('#wishlist-changer').attr('data-href', newWishlistUrl);
-                            //     }
-                            // @endauth
-
                             //buy now anchor href changer with options
                             var buyNowLink = $('.btn.buynow').attr('data-href');
 
@@ -156,7 +137,6 @@
                                 selectedIndex = index;
                             }
                         })
-
                         return selectedIndex;
                     },
 
@@ -266,10 +246,14 @@
                             priceLabelElement.style.display = 'none';
 
                             priceElement.innerHTML = this.config.variant_prices[this.simpleProduct].final_price.formated_price;
+
+                            eventBus.$emit('configurable-variant-selected-event', this.simpleProduct)
                         } else {
                             priceLabelElement.style.display = 'inline-block';
 
                             priceElement.innerHTML = this.config.regular_price.formated_price;
+
+                            eventBus.$emit('configurable-variant-selected-event', 0)
                         }
                     },