{"id":856,"date":"2021-03-14T09:22:25","date_gmt":"2021-03-14T09:22:25","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=856"},"modified":"2022-08-14T09:16:25","modified_gmt":"2022-08-14T09:16:25","slug":"how-to-make-a-sticky-column-on-the-product-table","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-make-a-sticky-column-on-the-product-table\/","title":{"rendered":"How to make a table sticky column on the WooCommerce product table?"},"content":{"rendered":"\n

Table sticky column allow users to always have the add to cart and product selection always available and not scroll the product table to select and add the product to the cart.<\/p>\n\n\n\n

Some of the product tables have sticky columns at the left of the table showing information such as add to cart, etc.<\/p>\n\n\n\n

In the WooCommerce product table<\/a> plugin we make it possible for store managers to design the sticky columns table that they need for their online store.<\/p>\n\n\n\n

Without any sticky column the product tables built in our plugin will be displayed as below:<\/p>\n\n\n\n

\"Product<\/a><\/figure>\n\n\n\n

As you can see there is no header or footer and also any sticky columns at the left or right of this table.<\/p>\n\n\n\n

If you need to add any this option to your product table in WooCommerce product table plugin, at first you have to go to the \u201cSetting<\/strong>\u201d tab, then follow our below guide:<\/p>\n\n\n\n

Add to cart and check column as a sticky column<\/strong><\/h2>\n\n\n\n

In the WooCommerce product table plugin, you are also able to show \u201cAdd to cart<\/strong>\u201d and \u201cCheck<\/strong>\u201d items as a sticky column. In this way, you can help customers to see their progress during shopping from your online store.<\/p>\n\n\n\n

To do this, you have to find “Sticky Column<\/strong>” option in the \u201cSetting<\/strong>\u201d page of our plugin and mark the checkbox next to \u201cEnable<\/strong>\u201d.<\/p>\n\n\n\n

When you enable this option, then update the product table, a sticky column will add to your product table as below:<\/p>\n\n\n\n

\"Display<\/a><\/figure>\n\n\n\n

Adding this to your product table make purchasing products from your website more convenient and enjoyable for your customers as they can:<\/p>\n\n\n\n