{"id":21035,"date":"2023-10-17T11:22:10","date_gmt":"2023-10-17T05:22:10","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=21035"},"modified":"2024-04-28T14:31:01","modified_gmt":"2024-04-28T08:31:01","password":"","slug":"optimising-your-woocommerce-product-table-with-justtables-powerful-utilities","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/optimising-your-woocommerce-product-table-with-justtables-powerful-utilities\/","title":{"rendered":"Optimising Your WooCommerce Product Table with JustTable&#8217;s Powerful Utilities."},"content":{"rendered":"\n<p>Utilities in JustTables offer a range of options to enhance the flexibility and user-friendliness of your product table. These features can help you control the display, behavior, and appearance of your table.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Responsive Layout:<\/strong><\/h3>\n\n\n\n<p>By default, the responsive layout is enabled, making your table look great on mobile and tablet devices. If you prefer to use the default table layout instead, you can disable this option.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Responsive Content Display by Default:<\/strong><\/h3>\n\n\n\n<p>When responsive layout is enabled, some content may be hidden to maintain a neat appearance on smaller screens. If you want all content to be displayed by default, enabling this option will do just that.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"178\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout-1024x178.png\" alt=\"Responsive Layout & Responsive Content Display\" class=\"has-border-color wp-image-21054\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout-1024x178.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout-300x52.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout-768x134.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout-360x63.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/responsize-layout.png 1171w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Responsive Layout & Responsive Content Display<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Table Header:<\/strong><\/h3>\n\n\n\n<p>The table header is typically enabled by default, showing labels for every column. You can also keep this option disabled if you don't want to show the table header.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"143\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-1024x143.png\" alt=\"Table Header\" class=\"has-border-color wp-image-21056\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-1024x143.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-300x42.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-768x107.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-360x50.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Table Header<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Header Sorting:<\/strong><\/h3>\n\n\n\n<p>If the table header is enabled, header sorting functionality is also included. You can control whether or not users can sort the table by table header.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"143\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-1024x143.png\" alt=\"Header Sorting\" class=\"has-border-color wp-image-21056\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-1024x143.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-300x42.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-768x107.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header-360x50.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-header.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Header Sorting<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Title on Click:<\/strong><\/h3>\n\n\n\n<p>This feature allows you to customize the behavior when a user clicks on a product title. You can modify this behavior to suit your preferences.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"237\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-1024x237.png\" alt=\"Title on Click behaviors\" class=\"has-border-color wp-image-21057\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px;aspect-ratio:4.320675105485232;width:1024px;height:auto\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-1024x237.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-300x70.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-768x178.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-1170x272.png 1170w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click-360x83.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/title-on-click.png 1174w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Title on Click behaviors<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Thumbnail Size:<\/strong><\/h3>\n\n\n\n<p>You have control over the size of product thumbnails. Standard thumbnail sizes are provided, but you can also set a custom size if needed.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"244\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-1024x244.png\" alt=\"Thumbnail Size\" class=\"has-border-color wp-image-21058\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-1024x244.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-300x71.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-768x183.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-1170x279.png 1170w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size-360x86.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-size.png 1172w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Thumbnail Size<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Thumbnail on Click:<\/strong><\/h3>\n\n\n\n<p>This option allows you to change what happens when a user clicks on a product thumbnail. You can choose from three options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nothing<\/li>\n\n\n\n<li>Popup<\/li>\n\n\n\n<li>View product<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"228\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-1024x228.png\" alt=\"Thumbnail on Click behavior\" class=\"has-border-color wp-image-21059\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-1024x228.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-300x67.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-768x171.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-1170x261.png 1170w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click-360x80.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/thumbnail-on-click.png 1172w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Thumbnail on Click behavior<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>View Product Button Text:<\/strong><\/h3>\n\n\n\n<p>You can change the text that appears on the &#8220;<strong>View Product<\/strong>&#8221; button in the table. Ensure that the &#8220;<strong>View Product<\/strong>&#8221; column is enabled for this to take effect.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"157\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-1024x157.png\" alt=\"View Product Button\" class=\"has-border-color wp-image-21062\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-1024x157.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-300x46.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-768x118.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-1170x180.png 1170w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text-360x55.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-button-text.png 1173w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>View Product Button<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>View Product Target:<\/strong><\/h3>\n\n\n\n<p>Decide whether clicking the &#8220;View Product&#8221; button opens the product details in the same tab or a new tab.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"163\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target-1024x163.png\" alt=\"View Product Target\" class=\"has-border-color wp-image-21063\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target-1024x163.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target-300x48.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target-768x122.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target-360x57.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/view-product-target.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>View Product Target<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Author\/Vendor Name on Click:<\/strong><\/h3>\n\n\n\n<p>Control the behavior when someone clicks on the author or vendor's name. You can choose to open the link in the same tab or a new tab.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"172\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click-1024x172.png\" alt=\"Author\/Vendor Name click behavior\" class=\"has-border-color wp-image-21066\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click-1024x172.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click-300x50.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click-768x129.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click-360x60.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/author-name-on-click.png 1169w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Author\/Vendor Name click behavior<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Add to Cart Button Type:<\/strong><\/h3>\n\n\n\n<p>Choose between a Small button and a Large button for the &#8220;<strong>Add to Cart<\/strong>&#8221; functionality. The Small button only displays a cart icon, while the Large button includes both the cart icon and the &#8220;<strong>Add to Cart<\/strong>&#8221; text.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"238\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small-1024x238.png\" alt=\"Small Button\" class=\"has-border-color wp-image-21067\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small-1024x238.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small-300x70.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small-768x178.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small-360x84.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-small.png 1171w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Small Button<\/strong><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"259\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large-1024x259.png\" alt=\"Large Button\" class=\"has-border-color wp-image-21068\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large-1024x259.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large-300x76.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large-768x194.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large-360x91.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/add-to-cart-button-type-large.png 1171w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Large Button<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Search Box:<\/strong><\/h3>\n\n\n\n<p>If you want to incorporate a search box in your product table, simple enable the &#8220;Search Box&#8221; option.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"162\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1024x162.png\" alt=\"Search Box\" class=\"has-border-color wp-image-21069\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1024x162.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-300x47.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-768x121.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-360x57.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Search Box<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Search Box Placeholder Text:<\/strong><\/h3>\n\n\n\n<p>Customize the placeholder text within the search box to fit your needs.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"162\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1-1024x162.png\" alt=\"Search Box Placeholder\" class=\"has-border-color wp-image-21070\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1-1024x162.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1-300x47.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1-768x121.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1-360x57.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/search-box-1.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Search Box Placeholder<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Taxonomy Filter:<\/strong><\/h3>\n\n\n\n<p>JustTables provides a filter option for product table. You can add new product filters using product categories, product tags, and variation attributes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter-1024x510.png\" alt=\"Taxonomy Filter\" class=\"has-border-color wp-image-21071\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter-1024x510.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter-300x149.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter-768x382.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter-360x179.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/taxonomy-filter.png 1171w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Taxonomy Filter<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Taxonomy Filter Display by Default:<\/strong><\/h3>\n\n\n\n<p>When enabled, the product filter is displayed by default.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Export Buttons:<\/strong><\/h3>\n\n\n\n<p>These buttons enable users to export the table data in different formats, including <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy<\/li>\n\n\n\n<li>CSV<\/li>\n\n\n\n<li>Excel<\/li>\n\n\n\n<li>PDF<\/li>\n<\/ul>\n\n\n\n<p>and for printing.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"154\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons-1024x154.png\" alt=\"Export Buttons\" class=\"has-border-color wp-image-21072\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons-1024x154.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons-300x45.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons-768x116.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons-360x54.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/export-buttons.png 1160w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Export Buttons<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Rename Labels:<\/strong><\/h3>\n\n\n\n<p>You have the ability to rename various labels used in the product table, such as the Select all <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>checkbox label<\/li>\n\n\n\n<li>Multiple add to cart button text<\/li>\n\n\n\n<li>Filter options label<\/li>\n<\/ul>\n\n\n\n<p>and more. This customization allows you to adapt the table to your specific needs.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"1024\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label-956x1024.png\" alt=\"Rename Labels\" class=\"has-border-color wp-image-21073\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px;width:972px;height:auto\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label-956x1024.png 956w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label-280x300.png 280w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label-768x822.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label-360x385.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/rename-label.png 1187w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><figcaption class=\"wp-element-caption\"><strong>Rename Labels<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Paginate:<\/strong><\/h3>\n\n\n\n<p>Pagination is typically enabled by default, breaking the products into multiple pages. If you prefer to display all products on a single page, you can disable pagination.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-1024x145.png\" alt=\"Pagination\" class=\"has-border-color wp-image-21074\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-1024x145.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-300x42.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-768x108.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-360x51.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate.png 1168w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Pagination<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Paginate Info:<\/strong><\/h3>\n\n\n\n<p>When enabled, pagination information is displayed, providing details about the current page and the total number of pages. Disabling this option removes the pagination info.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"156\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info-1024x156.png\" alt=\"paginate info\" class=\"has-border-color wp-image-21075\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info-1024x156.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info-300x46.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info-768x117.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info-360x55.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-info.png 1167w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Paginate Scroll to Top:<\/strong><\/h3>\n\n\n\n<p>By default, when you paginate the page, it automatically scrolls to the top. If you disable this option, the page will not scroll to the top upon pagination.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"159\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top-1024x159.png\" alt=\"Paginate Scroll to Top\" class=\"has-border-color wp-image-21076\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top-1024x159.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top-300x47.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top-768x119.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top-360x56.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/paginate-scroll-to-top.png 1164w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Paginate Scroll to Top<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Preloader:<\/strong><\/h3>\n\n\n\n<p>The preloader is enabled by default, creating a loading effect before the table appears. If you don't want this preloading effect, you can disable it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"154\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader-1024x154.png\" alt=\"Preloader\" class=\"has-border-color wp-image-21077\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader-1024x154.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader-300x45.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader-768x116.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader-360x54.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/preloader.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Preloader<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Table Extra Class Name:<\/strong><\/h3>\n\n\n\n<p>If you wish to add a custom CSS class to style the table, you can specify it in this field. The class will be applied to the table section.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\"><strong>Table Wrapper Extra Class Name:<\/strong><\/h3>\n\n\n\n<p>Similar to the table class, you can also add a custom CSS class to the table wrapper through this field, allowing for additional styling options.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"170\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class-1024x170.png\" alt=\"Table Extra Class\" class=\"has-border-color wp-image-21078\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class-1024x170.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class-300x50.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class-768x128.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class-360x60.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/table-extra-class.png 1168w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Table Extra Class<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Utilities in JustTables offer a range of options to enhance the flexibility and user-friendliness of your product table. These features can help you control the display, behavior, and appearance of your table. Responsive Layout: By default, the responsive layout is enabled, making your table look great on mobile and tablet devices. If you prefer to [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[243],"doc_tag":[],"class_list":["post-21035","docs","type-docs","status-publish","hentry","doc_category-just-table"],"acf":[],"year_month":"2025-11","word_count":749,"total_views":"1381","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"JustTables","term_url":"https:\/\/hasthemes.com\/docs-category\/just-table\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"Utilities in JustTables offer a range of options to enhance the flexibility and user-friendliness of your product table. These features can help you control the display, behavior, and appearance of your table. Responsive Layout: By default, the responsive layout is enabled, making your table look great on mobile and tablet devices. If you prefer to&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=21035"}],"version-history":[{"count":9,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21035\/revisions"}],"predecessor-version":[{"id":25623,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21035\/revisions\/25623"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=21035"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=21035"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=21035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}