{"id":498,"date":"2023-11-06T14:27:49","date_gmt":"2023-11-06T08:27:49","guid":{"rendered":"https:\/\/theplugindemo.com\/justtables\/?page_id=498"},"modified":"2023-11-11T12:35:26","modified_gmt":"2023-11-11T06:35:26","slug":"product-table-with-quick-view","status":"publish","type":"page","link":"https:\/\/theplugindemo.com\/justtables\/product-table-with-quick-view\/","title":{"rendered":"Product table with Quick view"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><!-- jtpt-product-table-496 inline style start --><style class=\"jtpt-product-table-496-inline-css\">.jtpt-product-table-496-wrapper .jtpt-filter { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-matc .jtpt-matc-button { background-color: #eeeffb; color: #333333; border-color: #eeeffb; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-search .jtpt-search-input { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-ftrigger .jtpt-ftrigger-button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-taxonomy-filter .select2-container .select2-selection--multiple, .jtpt-product-table-496-wrapper .jtpt-taxonomy-filter .select2-container.select2-container--open.select2-container--above .select2-selection--multiple, .jtpt-product-table-496-wrapper .jtpt-taxonomy-filter .select2-container.select2-container--open.select2-container--above .select2-selection--single, .jtpt-product-table-496-wrapper .jtpt-taxonomy-filter .select2-container.select2-container--open.select2-container--below .select2-selection--multiple, .jtpt-product-table-496-wrapper .jtpt-taxonomy-filter .select2-container.select2-container--open.select2-container--below .select2-selection--single { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-select2-dropdown-496 .select2-results { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper th.jtpt-head-data { padding-top: 15px; padding-bottom: 15px; } .jtpt-product-table-496-wrapper .jtpt-quantity .quantity .qty, .jtpt-product-table-496-wrapper .jtpt-quantity .quantity .qty:focus { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-paginate-numbers span .paginate_button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-export .jtpt-export-buttons .dt-buttons .dt-button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jtpt-product-table-496-wrapper .jtpt-head-data-1, .jtpt-product-table-496-wrapper .jtpt-body-data-1 { width: 15px !important; min-width: 15px !important;  }<\/style><!-- jtpt-product-table-496 inline style end --><!-- jtpt-product-table-496 start --><div class=\"jtpt-product-table-wrapper jtpt-product-table-496-wrapper jtpt-default-font-family\" data-jtpt-product-table-id=\"496\" data-jtpt-query-args-json=\"{&quot;post_type&quot;:&quot;product&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;posts_per_page&quot;:6,&quot;meta_query&quot;:[null],&quot;ignore_sticky_posts&quot;:true,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;tax_query&quot;:[{&quot;taxonomy&quot;:&quot;product_type&quot;,&quot;field&quot;:&quot;slug&quot;,&quot;terms&quot;:[&quot;simple&quot;,&quot;variable&quot;],&quot;include_children&quot;:true,&quot;operator&quot;:&quot;IN&quot;}]}\" data-jtpt-taxonomy-query-include-args-json=\"{&quot;product_type&quot;:{&quot;taxonomy&quot;:&quot;product_type&quot;,&quot;field&quot;:&quot;slug&quot;,&quot;terms&quot;:[&quot;simple&quot;,&quot;variable&quot;],&quot;include_children&quot;:true,&quot;operator&quot;:&quot;IN&quot;}}\" data-jtpt-taxonomy-query-filter-include-args-json=\"{&quot;product_type&quot;:{&quot;taxonomy&quot;:&quot;product_type&quot;,&quot;field&quot;:&quot;slug&quot;,&quot;terms&quot;:[&quot;simple&quot;,&quot;variable&quot;],&quot;include_children&quot;:true,&quot;operator&quot;:&quot;IN&quot;}}\" data-jtpt-taxonomy-query-exclude-args-json=\"[]\" data-jtpt-taxonomy-query-filter-exclude-args-json=\"[]\" data-jtpt-columns-json=\"[{&quot;default-heading&quot;:&quot;Check Mark&quot;,&quot;fixed-heading&quot;:&quot;Check Mark&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;check&quot;,&quot;priority&quot;:&quot;1&quot;,&quot;sort&quot;:&quot;just-tables-no-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;15&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Thumbnail&quot;,&quot;fixed-heading&quot;:&quot;Thumbnail&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;thumbnail&quot;,&quot;priority&quot;:&quot;2&quot;,&quot;sort&quot;:&quot;jtpt-no-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Thumbnail&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Product Title&quot;,&quot;fixed-heading&quot;:&quot;Product Title&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;title&quot;,&quot;priority&quot;:&quot;3&quot;,&quot;sort&quot;:&quot;jtpt-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Product Title&quot;,&quot;title-add-elements&quot;:[&quot;short-description&quot;],&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Price&quot;,&quot;fixed-heading&quot;:&quot;Price&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;price&quot;,&quot;priority&quot;:&quot;8&quot;,&quot;sort&quot;:&quot;jtpt-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Price&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Quantity&quot;,&quot;fixed-heading&quot;:&quot;Quantity&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;quantity&quot;,&quot;priority&quot;:&quot;7&quot;,&quot;sort&quot;:&quot;jtpt-no-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Quantity&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Quick View&quot;,&quot;fixed-heading&quot;:&quot;Quick View&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;quick-view&quot;,&quot;priority&quot;:&quot;1000&quot;,&quot;sort&quot;:&quot;jtpt-no-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Quick View&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}},{&quot;default-heading&quot;:&quot;Action&quot;,&quot;fixed-heading&quot;:&quot;Action&quot;,&quot;deletable&quot;:&quot;false&quot;,&quot;column-id&quot;:&quot;action&quot;,&quot;priority&quot;:&quot;4&quot;,&quot;sort&quot;:&quot;jtpt-no-sort&quot;,&quot;active&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Action&quot;,&quot;column-width&quot;:{&quot;width&quot;:&quot;&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;horizontal-align&quot;:{&quot;content&quot;:&quot;&quot;,&quot;header&quot;:&quot;&quot;}}]\" data-jtpt-columns-id-json=\"[&quot;check&quot;,&quot;thumbnail&quot;,&quot;title&quot;,&quot;price&quot;,&quot;quantity&quot;,&quot;quick-view&quot;,&quot;action&quot;]\" data-jtpt-element-configuration-json=\"{&quot;title_on_click&quot;:&quot;view&quot;,&quot;thumbnail_size&quot;:&quot;thumbnail&quot;,&quot;thumbnail_on_click&quot;:&quot;popup&quot;,&quot;view_product_button_text&quot;:&quot;View Product&quot;,&quot;view_product_target&quot;:&quot;blank&quot;,&quot;author_name_on_click&quot;:&quot;view&quot;,&quot;view_author_target&quot;:&quot;blank&quot;,&quot;atc_button_opt&quot;:{&quot;type&quot;:&quot;small&quot;,&quot;small-icon&quot;:&quot;cart&quot;,&quot;large-icon&quot;:&quot;cart&quot;,&quot;large-text&quot;:&quot;Add to cart&quot;},&quot;in_stock_status_text&quot;:&quot;In stock&quot;,&quot;in_stock_with_quantity_status_text&quot;:&quot;_QTY_ in stock&quot;,&quot;in_stock_with_quantity_and_backorder_status_text&quot;:&quot;_QTY_ in stock (can be backordered)&quot;,&quot;out_of_stock_status_text&quot;:&quot;Out of stock&quot;,&quot;available_for_backorder_status_text&quot;:&quot;Available for backorder&quot;,&quot;select_variation_text&quot;:&quot;Please select a variation!&quot;,&quot;select_variation_all_options_text&quot;:&quot;Please select all options!&quot;,&quot;variation_not_available_text&quot;:&quot;Not available!&quot;}\" data-jtpt-data-table-configuration-json=\"{&quot;products_per_page&quot;:6,&quot;responsive_layout&quot;:true,&quot;responsive_content_display_default&quot;:true,&quot;paginate&quot;:true,&quot;paginate_info&quot;:true,&quot;paginate_info_text&quot;:&quot;Showing _START_ to _END_ of _TOTAL_ entries&quot;,&quot;paginate_scroll_to_top&quot;:true,&quot;products_not_found_text&quot;:&quot;Nothing found - sorry!&quot;,&quot;export_buttons&quot;:[&quot;csv&quot;,&quot;excel&quot;,&quot;pdf&quot;,&quot;print&quot;]}\" data-jtpt-woocommerce-settings-json=\"{&quot;currency_symbol&quot;:&quot;&#036;&quot;,&quot;currency_position&quot;:&quot;right&quot;,&quot;decimal_separator&quot;:&quot;.&quot;,&quot;thousand_separator&quot;:&quot;,&quot;,&quot;number_of_decimal&quot;:2,&quot;weight_unit&quot;:&quot;kg&quot;,&quot;dimension_unit&quot;:&quot;cm&quot;}\"><div class=\"jtpt-filter\"><div class=\"jtpt-filter-header\"><div class=\"jtpt-filter-header-left\"><div class=\"jtpt-mcheck\"><label><input type=\"checkbox\" class=\"jtpt-mcheck-checkbox\" name=\"jtpt-mcheck-checkbox\"><span class=\"jtpt-icon-in-before\">Select All<\/span><\/label><\/div><div class=\"jtpt-matc\"><a class=\"jtpt-matc-button jtpt-products-selection-needed\" href=\"#\" data-jtpt-selected-products=\"\" data-jtpt-selected-products-count=\"0\" role=\"button\"><i class=\"jtpt-icon jtpt-icon-shopping-cart\"><\/i>Add products to cart<\/a><\/div><\/div><div class=\"jtpt-filter-header-right\"><div class=\"jtpt-search\"><input type=\"text\" class=\"jtpt-search-input\" name=\"jtpt-search-input\" data-inserted-keyword=\"\" placeholder=\"Search...\"><span><i class=\"jtpt-icon jtpt-icon-search\"><\/i><\/span><\/div><div class=\"jtpt-ftrigger\"><a class=\"jtpt-ftrigger-button\" href=\"#\"><i class=\"jtpt-icon jtpt-icon-filter\"><\/i><\/a><\/div><\/div><\/div><div class=\"jtpt-filter-options-wrap jtpt-filter-show-default\"><div class=\"jtpt-filter-options\"><div class=\"jtpt-flabel\">Filter<\/div><div class=\"jtpt-taxonomy-filter\"><select class=\"jtpt-filter-select jtpt-filter-product_cat\" data-jtpt-taxonomy=\"product_cat\" multiple=\"multiple\" data-placeholder=\"Category\"><option value=\"19\">Accessories<\/option><option value=\"16\">Clothing<\/option><option value=\"21\">Decor<\/option><option value=\"18\">Hoodies<\/option><option value=\"39\">Jackets<\/option><option value=\"20\">Music<\/option><option value=\"38\">Shirts<\/option><option value=\"37\">Sweater<\/option><option value=\"17\">Tshirts<\/option><\/select><select class=\"jtpt-filter-select jtpt-filter-pa_color\" data-jtpt-taxonomy=\"pa_color\" multiple=\"multiple\" data-placeholder=\"Color\"><option value=\"40\">Beige<\/option><option value=\"22\">Blue<\/option><option value=\"28\">Gray<\/option><option value=\"23\">Green<\/option><option value=\"24\">Red<\/option><option value=\"29\">Yellow<\/option><\/select><select class=\"jtpt-filter-select jtpt-filter-pa_size\" data-jtpt-taxonomy=\"pa_size\" multiple=\"multiple\" data-placeholder=\"Size\"><option value=\"25\">Large<\/option><option value=\"26\">Medium<\/option><option value=\"27\">Small<\/option><\/select><div class=\"jtpt-freset\"><a class=\"jtpt-freset-button\" href=\"#\"><i class=\"jtpt-icon jtpt-icon-sync\"><\/i>Reset Filter<\/a><\/div><\/div><\/div><\/div><\/div><table class=\"jtpt-product-table jtpt-product-table-496\"><thead class=\"jtpt-head\"><tr class=\"jtpt-head-row\"><th class=\"jtpt-head-data jtpt-head-data-1 jtpt-no-sort\" data-priority=\"1\"><\/th><th class=\"jtpt-head-data jtpt-head-data-2 jtpt-no-sort\" data-priority=\"2\">Thumbnail<\/th><th class=\"jtpt-head-data jtpt-head-data-3\" data-priority=\"3\">Product Title<\/th><th class=\"jtpt-head-data jtpt-head-data-4\" data-priority=\"8\">Price<\/th><th class=\"jtpt-head-data jtpt-head-data-5 jtpt-no-sort\" data-priority=\"7\">Quantity<\/th><th class=\"jtpt-head-data jtpt-head-data-6 jtpt-no-sort\" data-priority=\"1000\">Quick View<\/th><th class=\"jtpt-head-data jtpt-head-data-7 jtpt-no-sort\" data-priority=\"4\">Action<\/th><\/tr><\/thead><tbody class=\"jtpt-body\"><\/tbody><\/table><div class=\"jtpt-paginate\"><div class=\"jtpt-paginate-info\"><\/div><div class=\"jtpt-paginate-numbers\"><\/div><\/div><div class=\"jtpt-export\"><div class=\"jtpt-export-buttons\"><\/div><\/div><div id=\"jtpt-notices-popup\"><div class=\"jtpt-notices\"><\/div><\/div><div class=\"jtpt-overlay\"><i class=\"jtpt-icon jtpt-icon-spinner-light\"><\/i><\/div><\/div><div class=\"jtpt-product-table-loading jtpt-product-table-496-loading\"><i class=\"jtpt-icon jtpt-icon-spinner-light\"><\/i><\/div><!-- jtpt-product-table-496 end -->\n\n\n\n<p>Use the <strong><a href=\"https:\/\/wordpress.org\/plugins\/yith-woocommerce-quick-view\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/yith-woocommerce-quick-view\/\">YITH WooCommerce Quick View<\/a><\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Incorporate a quick view button into a product table, enabling customers to check the product details without visiting the details page.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-498","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/pages\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":4,"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/pages\/498\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/pages\/498\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/theplugindemo.com\/justtables\/wp-json\/wp\/v2\/media?parent=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}