diff --git a/assets/js/custom.js b/assets/js/custom.js
index 4805b3d..f9d8b4b 100644
--- a/assets/js/custom.js
+++ b/assets/js/custom.js
@@ -1,24 +1,22 @@
 $(document).ready(function(){
-	/*
-	$('body#product ul.product-images li a').click(function(){
-		
-		//alert($(this).attr('data-url'));
-		$('.product-cover img').attr('src',$(this).attr('data-url'));
-		$('.product-cover a').attr('href',$(this).attr('data-url'));
-	})
-	*/
-	
-	
-	slider =$('.bxslider').bxSlider({
- pagerCustom: '#bx-pager'
-});
-
+	function createBxSlider(){
+		let ele= $('.bxslider').bxSlider({
+			pagerCustom: '#bx-pager'
+		});
+		return ele;
+	}
+	var slider= createBxSlider();
 
 
-$("body#product .product-actions ul.product-variants li ul.color li input").on( "click", function() {
-	slider.reloadSlider();
-  console.log(true);
-});
+	$("#product").on("click",".product-actions ul.product-variants li ul.color li input", function() {
+		//Pre destroying slider before prestashop changes it's HTML DOM
+		slider.destroySlider();
+		
+		setTimeout(function(){
+			createBxSlider();
+		},1000); //configurable timeout
+  		
+	});
 
 })