{"id":669,"date":"2024-10-03T11:49:56","date_gmt":"2024-10-03T11:49:56","guid":{"rendered":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/?page_id=669"},"modified":"2024-10-03T14:46:17","modified_gmt":"2024-10-03T14:46:17","slug":"varieble-product","status":"publish","type":"page","link":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/varieble-product\/","title":{"rendered":"Variable Product"},"content":{"rendered":"<div class=\"jet-wc-product-table-container woocommerce\" data-entry-id=\"72e7f78fa235a255384bd522728f33fd\" data-entry=\"{&quot;query&quot;:{&quot;query_type&quot;:&quot;variations&quot;,&quot;variation_type&quot;:&quot;specific_product_ids&quot;,&quot;product_ids&quot;:&quot;493&quot;,&quot;paginate&quot;:true},&quot;columns&quot;:[{&quot;_uid&quot;:&quot;14209&quot;,&quot;id&quot;:&quot;product-image&quot;,&quot;label&quot;:&quot;Product Image&quot;,&quot;image_size&quot;:&quot;thumbnail&quot;,&quot;linked&quot;:true,&quot;value_format&quot;:&quot;%s&quot;},{&quot;_uid&quot;:&quot;23829&quot;,&quot;id&quot;:&quot;product-name&quot;,&quot;label&quot;:&quot;Product Name&quot;,&quot;linked&quot;:true,&quot;value_format&quot;:&quot;%s&quot;},{&quot;_uid&quot;:&quot;50937&quot;,&quot;id&quot;:&quot;product-price&quot;,&quot;label&quot;:&quot;Price&quot;,&quot;value_format&quot;:&quot;%s&quot;},{&quot;_uid&quot;:&quot;81652&quot;,&quot;id&quot;:&quot;product-stock&quot;,&quot;label&quot;:&quot;Stock Status\\\/Quantity&quot;,&quot;value_format&quot;:&quot;%s&quot;},{&quot;_uid&quot;:&quot;31679&quot;,&quot;id&quot;:&quot;product-actions&quot;,&quot;label&quot;:&quot;Buttons&quot;,&quot;variations&quot;:&quot;dropdown&quot;,&quot;value_format&quot;:&quot;%s&quot;}],&quot;settings&quot;:{&quot;direction&quot;:&quot;horizontal&quot;,&quot;show_header&quot;:true,&quot;mobile_layout&quot;:&quot;transform&quot;,&quot;mobile_columns&quot;:[&quot;38769&quot;,&quot;23829&quot;,&quot;28056&quot;,&quot;50937&quot;,&quot;37636&quot;,&quot;70069&quot;,&quot;67801&quot;,&quot;51562&quot;,&quot;55763&quot;,&quot;78429&quot;,&quot;35832&quot;,&quot;14217&quot;,&quot;24912&quot;,&quot;85035&quot;,&quot;31679&quot;],&quot;lazy_load&quot;:true,&quot;pager&quot;:true,&quot;pager_position&quot;:&quot;after&quot;,&quot;load_more_label&quot;:&quot;Load more&quot;}}\" data-signature=\"81be6c7e6ebe7f0328f4c2a614161be2\" data-uid=\"sMBzug7uIB\"><div class=\"woocommerce-notices-wrapper\"><\/div><div class=\"jet-wc-product-table-wrapper jet-wc-product-table-wrapper--mobile-transform\"><table class=\"jet-wc-product-table jet-wc-product-table--mobile-transform jet-wc-product-table--dir-horizontal\"><thead><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--headings\"><th class=\"jet-wc-product-table-col jet-wc-product-table-col--th jet-wc-product-table-col--type-product-image\">Product Image<\/th><th class=\"jet-wc-product-table-col jet-wc-product-table-col--th jet-wc-product-table-col--type-product-name\">Product Name<\/th><th class=\"jet-wc-product-table-col jet-wc-product-table-col--th jet-wc-product-table-col--type-product-price\">Price<\/th><th class=\"jet-wc-product-table-col jet-wc-product-table-col--th jet-wc-product-table-col--type-product-stock\">Stock Status\/Quantity<\/th><th class=\"jet-wc-product-table-col jet-wc-product-table-col--th jet-wc-product-table-col--type-product-actions\">Buttons<\/th><\/tr><\/thead><tbody><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--body\"><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-image\" data-column-name=\"Product Image\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xl\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg 150w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-300x300.jpg 300w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-100x100.jpg 100w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-230x230.jpg 230w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-400x400.jpg 400w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-name\" data-column-name=\"Product Name\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xl\">Sweater with voluminous sleeves &#8211; Brown, XL<\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-price\" data-column-name=\"Price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.00<\/bdi><\/span><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-stock\" data-column-name=\"Stock Status\/Quantity\">In Stock (5)<\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-actions\" data-column-name=\"Buttons\"><div class=\"jet-wc-product-table-actions\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xl&#038;variation_id=494&#038;add-to-cart=493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_494\" data-quantity=\"1\" class=\"button product_type_variation add_to_cart_button ajax_add_to_cart\" data-product_id=\"494\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Sweater with voluminous sleeves - Brown, XL&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Sweater with voluminous sleeves - Brown, XL&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_494\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/td><\/tr><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--body\"><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-image\" data-column-name=\"Product Image\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=l\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg 150w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-300x300.jpg 300w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-100x100.jpg 100w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-230x230.jpg 230w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-400x400.jpg 400w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-name\" data-column-name=\"Product Name\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=l\">Sweater with voluminous sleeves &#8211; Brown, L<\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-price\" data-column-name=\"Price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.00<\/bdi><\/span><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-stock\" data-column-name=\"Stock Status\/Quantity\">In Stock (N\/A)<\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-actions\" data-column-name=\"Buttons\"><div class=\"jet-wc-product-table-actions\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=l&#038;variation_id=495&#038;add-to-cart=493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_495\" data-quantity=\"1\" class=\"button product_type_variation add_to_cart_button ajax_add_to_cart\" data-product_id=\"495\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Sweater with voluminous sleeves - Brown, L&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Sweater with voluminous sleeves - Brown, L&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_495\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/td><\/tr><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--body\"><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-image\" data-column-name=\"Product Image\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=m\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg 150w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-300x300.jpg 300w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-100x100.jpg 100w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-230x230.jpg 230w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-400x400.jpg 400w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-name\" data-column-name=\"Product Name\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=m\">Sweater with voluminous sleeves &#8211; Brown, M<\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-price\" data-column-name=\"Price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.00<\/bdi><\/span><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-stock\" data-column-name=\"Stock Status\/Quantity\">In Stock (N\/A)<\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-actions\" data-column-name=\"Buttons\"><div class=\"jet-wc-product-table-actions\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=m&#038;variation_id=496&#038;add-to-cart=493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_496\" data-quantity=\"1\" class=\"button product_type_variation add_to_cart_button ajax_add_to_cart\" data-product_id=\"496\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Sweater with voluminous sleeves - Brown, M&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Sweater with voluminous sleeves - Brown, M&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_496\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/td><\/tr><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--body\"><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-image\" data-column-name=\"Product Image\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=s\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg 150w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-300x300.jpg 300w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-100x100.jpg 100w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-230x230.jpg 230w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-400x400.jpg 400w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-name\" data-column-name=\"Product Name\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=s\">Sweater with voluminous sleeves &#8211; Brown, S<\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-price\" data-column-name=\"Price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.00<\/bdi><\/span><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-stock\" data-column-name=\"Stock Status\/Quantity\">In Stock (13)<\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-actions\" data-column-name=\"Buttons\"><div class=\"jet-wc-product-table-actions\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=s&#038;variation_id=497&#038;add-to-cart=493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_497\" data-quantity=\"1\" class=\"button product_type_variation add_to_cart_button ajax_add_to_cart\" data-product_id=\"497\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Sweater with voluminous sleeves - Brown, S&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Sweater with voluminous sleeves - Brown, S&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_497\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/td><\/tr><tr class=\"jet-wc-product-table-row jet-wc-product-table-row--body\"><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-image\" data-column-name=\"Product Image\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xs\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-150x150.jpg 150w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-300x300.jpg 300w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-100x100.jpg 100w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-230x230.jpg 230w, https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-content\/uploads\/2024\/10\/product-47-1-400x400.jpg 400w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-name\" data-column-name=\"Product Name\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xs\">Sweater with voluminous sleeves &#8211; Brown, XS<\/a><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-price\" data-column-name=\"Price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.00<\/bdi><\/span><\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-stock\" data-column-name=\"Stock Status\/Quantity\">In Stock (N\/A)<\/td><td class=\"jet-wc-product-table-col jet-wc-product-table-col--td jet-wc-product-table-col--type-product-actions\" data-column-name=\"Buttons\"><div class=\"jet-wc-product-table-actions\"><a href=\"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/product\/sweater-with-voluminous-sleeves-2\/?attribute_pa_color=brown&#038;attribute_pa_size=xs&#038;variation_id=498&#038;add-to-cart=493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_498\" data-quantity=\"1\" class=\"button product_type_variation add_to_cart_button ajax_add_to_cart\" data-product_id=\"498\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Sweater with voluminous sleeves - Brown, XS&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Sweater with voluminous sleeves - Brown, XS&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_498\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/td><\/tr><\/tbody><\/table><\/div><div class=\"jet-wc-product-pager-block\"><\/div><script>( function( $ ) {\n\n\t'use strict';\n\n\tconst JetWCProductTable = class {\n\n\t\tconstructor() {\n\n\t\t\t$( document ).on( 'click', '.jet-wc-product-table-col--collpased-title', function( event ) {\n\t\t\t\t$( this ).toggleClass( 'is-active' );\n\t\t\t} );\n\n\t\t\tthis.initStickyBg();\n\n\t\t\tif ( window.JetWCProductStickyTableHeader ) {\n\n\t\t\t\t$( '.jet-wc-product-table--sticky-header' ).each( ( index, el ) => {\n\n\t\t\t\t\tconst $el = $( el );\n\n\t\t\t\t\tconst tableClone = document.createElement( 'table' );\n\t\t\t\t\tconst tableCloneContainer = document.createElement( 'div' );\n\n\t\t\t\t\ttableClone.classList.add( 'jet-wc-product-table-clone' );\n\t\t\t\t\ttableCloneContainer.classList.add( 'jet-wc-product-table-clone-container' );\n\t\t\t\t\ttableCloneContainer.style.display = 'none';\n\t\t\t\t\ttableCloneContainer.appendChild( tableClone );\n\n\t\t\t\t\t$el.closest( '.jet-wc-product-table-wrapper' ).append( tableCloneContainer )\n\n\t\t\t\t\tconst stickyTable = new window.JetWCProductStickyTableHeader( el, tableClone );\n\n\t\t\t\t\tif ( window.JetWCProductFilters ) {\n\t\t\t\t\t\twindow.JetWCProductFilters.events.subscribe(\n\t\t\t\t\t\t\t'jet-wc-product-filter\/filter-updated',\n\t\t\t\t\t\t\t( data ) => {\n\t\t\t\t\t\t\t\tif ( data.response.is_more ) {\n\t\t\t\t\t\t\t\t\tstickyTable.refreshTable();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t\twindow.JetWCProductFilters.events.subscribe( 'jet-wc-product-filter\/filter-apply', () => {\n\t\t\t\t\t\t\tstickyTable.refreshTable();\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t$( '.jet-wc-product-table--mobile-collapsed.jet-wc-product-table--dir-vertical' ).each( ( index, el ) => {\n\t\t\t\tthis.processLayoutSwitch( el, true );\n\t\t\t} );\n\n\t\t\t$( '.jet-wc-product-table--mobile-transform.jet-wc-product-table--dir-vertical' ).each( ( index, el ) => {\n\t\t\t\tthis.processLayoutSwitch( el, true );\n\t\t\t} );\n\n\t\t}\n\n\t\tprocessLayoutSwitch( table, withHeadings ) {\n\n\t\t\twithHeadings = withHeadings || false;\n\n\t\t\tlet tbody = false;\n\n\t\t\tfor ( const child of table.children ) {\n\t\t\t\tif ( 'TBODY' === child.tagName ) {\n\t\t\t\t\ttbody = child;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst newBody     = document.createElement( 'tbody' );\n\t\t\tconst newHead     = document.createElement( 'thead' );\n\t\t\tconst newRows     = [];\n\n\t\t\tlet headingClass = 'jet-wc-product-table-col--collpased-title';\n\t\t\tlet bodyClass = 'jet-wc-product-table-col--collpased-title';\n\n\t\t\tif ( tbody ) {\n\t\t\t\tfor ( var i = 0; i < tbody.children.length; i++ ) {\n\n\t\t\t\t\tconst tr = tbody.children[ i ];\n\t\t\t\t\tlet colName = '';\n\t\t\t\t\tconst trClasses = tr.classList;\n\n\t\t\t\t\tfor ( var j = 0; j < tr.children.length; j++ ) {\n\t\t\t\t\t\t\n\t\t\t\t\t\tconst td = tr.children[ j ];\n\n\t\t\t\t\t\tif ( 0 === j ) {\n\n\t\t\t\t\t\t\tcolName = td.innerText;\n\t\t\t\t\t\t\tconst newTh = document.createElement( 'th' );\n\n\t\t\t\t\t\t\tconst thClasses = td.classList;\n\n\t\t\t\t\t\t\tthClasses.forEach( className => {\n\t\t\t\t\t\t\t\tnewTh.classList.add( className );\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tnewTh.classList.add( headingClass );\n\t\t\t\t\t\t\theadingClass = 'jet-wc-product-table-col--collpased-body';\n\n\t\t\t\t\t\t\tnewTh.innerText = colName;\n\t\t\t\t\t\t\tnewHead.appendChild( newTh );\n\t\t\t\t\t\t\tcontinue;\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst newTd = document.createElement( 'td' );\n\n\t\t\t\t\t\tif ( ! newRows[ j - 1 ] ) {\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tnewRows[ j - 1 ] = document.createElement( 'tr' );\n\n\t\t\t\t\t\t\ttrClasses.forEach( className => {\n\t\t\t\t\t\t\t\tnewRows[ j - 1 ].classList.add( className );\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tnewTd.innerHTML = td.innerHTML;\n\t\t\t\t\t\tnewTd.setAttribute( 'data-column-name', colName );\n\n\t\t\t\t\t\tconst tdClasses = td.classList;\n\n\t\t\t\t\t\ttdClasses.forEach( className => {\n\t\t\t\t\t\t\tif ( 'jet-wc-product-table-col--collpased-body' !== className \n\t\t\t\t\t\t\t\t&& 'jet-wc-product-table-col--collpased-title' !== className\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnewTd.classList.add( className );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tnewTd.classList.add( bodyClass );\n\n\t\t\t\t\t\tnewRows[ j - 1 ].appendChild( newTd );\n\n\t\t\t\t\t}\n\n\t\t\t\t\tbodyClass = 'jet-wc-product-table-col--collpased-body';\n\n\t\t\t\t}\n\n\t\t\t\tfor ( var i = 0; i < newRows.length; i++) {\n\t\t\t\t\tnewBody.appendChild( newRows[ i ] );\n\t\t\t\t}\n\n\t\t\t\tif ( window.innerWidth <= 767 ) {\n\n\t\t\t\t\ttable.innerHTML = '';\n\n\t\t\t\t\tif ( withHeadings ) {\n\t\t\t\t\t\ttable.appendChild( newHead );\n\t\t\t\t\t}\n\n\t\t\t\t\ttable.appendChild( newBody );\n\n\t\t\t\t}\n\n\t\t\t\twindow.addEventListener( 'resize', this.debounce( () => {\n\t\t\t\t\tif ( window.innerWidth <= 767 ) {\n\n\t\t\t\t\t\ttable.innerHTML = '';\n\n\t\t\t\t\t\tif ( withHeadings ) {\n\t\t\t\t\t\t\ttable.appendChild( newHead );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttable.appendChild( newBody );\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttable.innerHTML = '';\n\t\t\t\t\t\ttable.appendChild( tbody );\n\t\t\t\t\t}\n\t\t\t\t}, 100 ) );\n\n\t\t\t}\n\t\t}\n\n\t\tdebounce( func, wait ) {\n\t\t\tlet timeout;\n\t\t\treturn ( ...args ) => {\n\t\t\t\tclearTimeout( timeout );\n\t\t\t\ttimeout = setTimeout( () => func.apply( this, args ), wait );\n\t\t\t};\n\t\t}\n\n\t\tinitStickyBg() {\n\t\t\tconst bodyBg = $( 'body' ).css( 'background-color' );\n\t\t\t$( '.jet-wc-product-table.jet-wc-product-table--sticky-header' ).find( 'thead' ).css( 'background-color', bodyBg );\n\t\t}\n\n\t}\n\n\t$( () => {\n\t\tnew JetWCProductTable();\n\t} );\n}( jQuery ) );\n<\/script><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/pages\/669"}],"collection":[{"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":5,"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/pages\/669\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/pages\/669\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/livedemo\/jetproducttables\/wp-json\/wp\/v2\/media?parent=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}