{"id":758,"date":"2021-03-02T14:21:52","date_gmt":"2021-03-02T14:21:52","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=758"},"modified":"2022-05-08T12:10:09","modified_gmt":"2022-05-08T12:10:09","slug":"create-a-product-table-with-the-ability-to-add-group-products-to-cart","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/create-a-product-table-with-the-ability-to-add-group-products-to-cart\/","title":{"rendered":"How to create a product table with the ability to add a group of products to the cart?"},"content":{"rendered":"\n<p>Adding a group of products to the cart makes shopping simpler for the customers. Adding products one by one which will take a lot of time and will make shopping boring. With add group ability, customers can choose a bunch of products. Then add them to the cart with just one click.<\/p>\n\n\n\n<p>Creating a <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce product table<\/a> with the option of adding a group of products to the cart can be done as one of the steps of creating a product table. We discussed about it in the \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-create-a-product-table-with-cart-option\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to create a product table with cart option?<\/a>\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding a group of products to the cart<\/strong><\/h2>\n\n\n\n<p>If you go to the <strong>\u2018settings<\/strong>\u2019 tab, under \u2018<strong>other options<\/strong>\u2019 you will see an item named \u2018<strong>Group Add to cart button<\/strong>\u2019. By enabling this item, an &#8220;<strong>add to cart<\/strong>&#8221; button will be shown just above the table.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-enable-add-group-products.jpg\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-enable-add-group-products.jpg\" alt=\"Enable add group product to cart in woocommerce product table\" class=\"wp-image-761\" width=\"1024\" height=\"434\"\/><\/a><\/figure>\n\n\n\n<p>Now the customer can choose the products that they want to buy by checking the checkbox of that product. Then after choosing all the desired products, they can click on the newly added button to add them all to the cart simultaneously.\u00a0<\/p>\n\n\n\n<p>The button looks like the figure below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-woo-product-table-after-enable-add-group.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-woo-product-table-after-enable-add-group.jpg\" alt=\"group add to cart in woocommerce product table\" class=\"wp-image-764\" width=\"998\" height=\"454\"\/><\/a><\/figure>\n\n\n\n<p>You can change the button\u2019s appearance by editing your template and change the label of button through \u2018<strong>Localization<\/strong>\u2019 tab. <\/p>\n\n\n\n<p>You can also change the position of the \u2018<strong>Check<\/strong>\u2019 and \u2018<strong>Action<\/strong>\u2019 column in \u2018<strong>Setting<\/strong>\u2019 tab by enabling \u2018<strong>sticky column<\/strong>\u2019:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-enable-sticky-column.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-enable-sticky-column.jpg\" alt=\"enable sticky column in woo product table plugin\" class=\"wp-image-762\" width=\"1012\" height=\"291\"\/><\/a><\/figure>\n\n\n\n<p>This way, the \u2018<strong>Action<\/strong>\u2019 and \u2018<strong>Check<\/strong>\u2019 column will be shown as sticky columns on the left side of the table:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-sticky-column-in-woocommerce-product-table.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/03\/13-sticky-column-in-woocommerce-product-table.jpg\" alt=\"Sticky column in woocommerce product table plugin\" class=\"wp-image-763\" width=\"1024\" height=\"556\"\/><\/a><\/figure>\n\n\n\n<p>You can also choose to show a \u2018<strong>Select all<\/strong>\u2019 checkbox. This allows the customers to choose all the products on the current page. Then add them to the cart using the <strong>\u2018Group add to cart\u2019<\/strong> button if they want.\u00a0<\/p>\n\n\n\n<p>The \u2018<strong>Select All<\/strong>\u2019 checkbox will be shown next to the <strong>\u2018Group add to cart<\/strong>\u2019 button on the top right of the product table.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Enabling the customers to add a group of products to the cart enhances their shopping experience. Having to select a large amount of products one by one will be very exhausting. This might discourage the customers from buying multiple products from your website, and that\u2019s not what you want.\u00a0<\/p>\n\n\n\n<p>Overall, making the shopping process simpler will help sell more of your products. Also you need to take this into consideration while designing the website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding a group of products to the cart makes shopping simpler for the customers. Adding products one by one which will take a lot of time and will make shopping boring. With add group ability, customers can choose a bunch of products. Then add them to the cart with just one click. Creating a WooCommerce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-758","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=758"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/758\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}