https://onsitestorage.com/wp-content/themes/oss-child/js/quickview-js.js

1
2  
3var quickviewVisible = false;
4
5function onclickQuickview(product) {
6    product = JSON.stringify(product);
7    product = JSON.parse(product)
8    
9    var productPrice = product['price'];
10    productPrice = numeral (productPrice);
11    productPrice = productPrice.format('$0,0.00');
12    
13    var productHeight = product['height'];
14    productHeight = productHeight.replace("-", "'");
15    productHeight = productHeight.replace("=", '"');
16    
17    jQuery("#products_quickview #quickview_product_name").text(product['name']);
18    
19    jQuery("#products_quickview #quickview_product_price").text(productPrice);
20    
21    jQuery("#products_quickview #quickview_product_size").text(product['size']);
22    
23    jQuery("#products_quickview #quickview_product_height").text(productHeight);
24    
25    jQuery("#products_quickview #quickview_product_type").text(product['type']);
26    
27    jQuery("#products_quickview #quickview_product_condition").text(product['condition']);
28    
29    jQuery("#products_quickview #quickview_product_grade").text(product['grade']);
30    
31    jQuery("#products_quickview #quickview_product_selection_options").text(product['selectoptions']);
32        
33    jQuery("#products_quickview #quickview_btn_view_product").attr('href', '/product/'+product['slug']); 
34    
35    /* Add to cart btn */
36    jQuery("#products_quickview #quickview_product_add_to_cart").attr('href', '?add-to-cart='+ product['id']);
37    
38    jQuery("#products_quickview #quickview_product_add_to_cart").attr('data-quantity', "1");
39    
40    jQuery("#products_quickview #quickview_product_add_to_cart").attr('data-product-id', product['id']);
41    /* End */
42    
43    displayProductImages(product['image']);
44    
45    jQuery("#products_quickview").show();
46    
47    quickviewVisible = true;
48    
49    // console.log(product);
50}
51
52
53function displayProductImages(productImage) {
54    var imageHtml = "";
55    var thumbnailHtml = "";
56    
57    for(var i=0; i<productImage.length; i++) {
58        
59        // Set galery
60        if(i===0) {
61            imageHtml += '<li class="quickview-selected">';
62            thumbnailHtml += '<img src="'+productImage[i]+'" class="quickview-thumbnail-'+i+' show">';
63        } else {
64            imageHtml += '<li>';
65            thumbnailHtml += '<img src="'+productImage[i]+'" class="quickview-thumbnail-'+i+'">';
66        }
67        
68        imageHtml += '<img src="'+productImage[i]+'" class="smush-detected-img smush-image-2" width="100" height="100">'
69        imageHtml += '</li>';
70        
71        
72        
73    }
74    
75    jQuery("#products_quickview #quickview_product_gallery").html(imageHtml);
76    
77    jQuery("#products_quickview #quickview_thumbnail").html(thumbnailHtml);
78    
79    jQuery("#products_quickview #quickview_product_gallery li").each(function(index) {
80        
81        jQuery(this).on('click', function() {
82            if( !jQuery(this).hasClass('quickview-selected') ) {
83                jQuery("#products_quickview #quickview_product_gallery li").removeClass('quickview-selected');
84                jQuery(this).addClass('quickview-selected');
85                
86                jQuery("#products_quickview #quickview_thumbnail img").removeClass('show');
87                jQuery("#products_quickview #quickview_thumbnail img.quickview-thumbnail-"+index).addClass('show');
88                
89            }
90        });
91    });
92  }
93
94    
95    
96