Gutenberg Block for WooCommerce Product Table
Note: Since building this block plugin, we have added an interactive table builder to the main WooCommerce Product Table plugin. This makes it easy to create product tables and insert them into the block editor or any page builder. While you can still use the block plugin, it is no longer actively being developed and we recommend using the built-in table builder instead, which has more features. Gutenberg Block for WooCommerce Product Table adds a user-friendly editor block to the WooCommerce Product Table plugin by Barn2, providing an easier way for Gutenberg users to create product tables. It requires WooCommerce Product Table (available separately) to work. WooCommerce Product Table lists products in a quick order form layout designed to increase your sales and average order value. Instead of having to visit a separate page for each product, customers can select products, quantities and variations from the product table and quickly add them to the cart. WooCommerce Product Table is highly flexible and you can choose which products to include, a wide range of column options, filters, instant AJAX search, add to cart button styles, and more. Gutenberg Block for WooCommerce Product Table makes it easy to insert product tables anywhere on your site using the Gutenberg editor. This gives you full control over your product tables. BLOCK OPTIONS You can use the WooCommerce Product Table editor block to add as many product tables as you like. You can even add multiple tables to the same page. By default, each product table will inherit the global options from the WooCommerce Product Table plugin settings page. You can override the following options for each individual block: Select your product table columns: Choose from SKU, ID, product name, description, short description, date published, categories, tags, reviews/star rating, stock, weight, dimensions, price, add to cart, button, attribute, custom field, and custom taxonomy Change the order of columns Rename columns Select which products to include in the table: List all products, or select specific products based on category, tag, custom field, custom taxonomy, attribute, year, month, day, status, ID, or list previously ordered products by the current user. Exclude specific products or categories. Add to cart column settings: Add to cart button – choose from button, checkbox, or both. Quantity picker. Variations – display as dropdowns, list each variation on its own row of the table, or link to the single product page. Product filters – Add filter dropdowns above the table so that customers can refine the list by category, tag, attribute, or custom taxonomy. Additional options – You can also use any of the other 50+ options that are available in the WooCommerce Product Table plugin. HOW TO USE THE BLOCK First make sure WooCommerce, Gutenberg Block for WooCommerce Product Table and WooCommerce Product Table are all installed. Next, go to any page or post that uses the Block (Gutenberg) editor and click the + icon to add a new block. Navigate to the ‘WooCommerce’ section and find the block called ‘WooCommerce Product Table’, or type ‘WooCommerce Product Table’ into the search box. This will insert the WooCommerce Product Table block into the editor. By default, the block will list all your products and will inherit the global options from the WooCommerce Product Table plugin settings page. You can override these by setting options directly in the Gutenberg block: Table Columns – Use the ‘Add column’ dropdown to select which columns to include in the WooCommerce Product Table. You can re-order columns using drag and drop, and rename columns by clicking the pencil icon. Read more about the product table columns. Products – Use the ‘Select products’ dropdown to list specific products in the table. For example, you can select products by ID, category, tag, attribute, custom field value, custom taxonomy term, date, status, and more. There are also options to exclude products from the table based on category or ID. Read more about listing specific products. You will find additional block settings in the ‘Block’ tab of the Editor sidebar. Use these to configure the add to cart column of the table; add filter dropdowns above the table; and to use any of the additional options available in WooCommerce Product Table. Finally, update or Preview the page to view the product table on the front end of your website. Repeat steps 2-5 to add more product tables.
Top keywords
- product33×4.59%
- table33×4.59%
- product table23×3.20%
- woocommerce20×2.78%
- block19×2.64%
- woocommerce product18×2.50%
- woocommerce product table18×2.50%
- products15×2.09%
- add13×1.81%
- options10×1.39%
- columns8×1.11%
- page8×1.11%
Product Table for WooCommerce
Doc | Demo Tables | Get Premium | Try Live (Woo Product Table) Product Table plugin helps you to display your WooCommerce products in a searchable table layout with filters. Add a table on any page or post via a shortcode. You can create tables as many as you want. Create a table for restaurant order systems, Online music sell, product Wholesale, Course Booking, or Selling books any many more. Read more Have a looks in short for Woo Product Table How to Create a WooCommerce Product Table Shortcode Example [Product_Table ID='123' name='Table Name'] ID – will be post’s ID(required).It will generate automatically when you create your table. name – only for identifying your table’s shortcode.(Optional) Visit Official Site 👣 List of Woo Product Table Plugin Features 🔅 How to create a WooCommerce Product Table? 🔅 How to show product attributes in a different column and search box? 🔅 How to sort products using tags or custom taxonomy? 🔅 How to display Table On Specific Archive page 🔅 How to create an Online Book Store using Woo Product Table? 🔅 How to Add Custom Column Using Action and Filter Hooks? Demo table list Advanced Search Table Our most valuable feature is search & filter. Customers can filter products by any taxonomy or attribute like products categories, tags, color, or size. Also can filter by any custom field data. Have an option to search from specific areas. A table on Single Variable Product Page If you select a table and enable ‘Variation Table’ then it will replace the default variation dropdown select options and will display that table on every variable product page. A table on an archive page. You can override the default archive page and display our table. (Please note Product table will display products according to the WooCommerce default query and the Advance Search box is not available on the Archive page.) Product Variant In Separate Row If you have variable products and you want to show every variation as a single product, this table is like that. Filter By Custom Field Here you can filter products by custom filed. This will give you the freedom to filter products by any keyword. Quick Order Table This is a special table. If you want to add a product to the cart just increase the quantity. The product will automatically add to the cart. User Conditional Table Hide any column for Guest users. Users only can see some columns if they are logged in. Attributes in Different Column You can show product Attributes in a different column as well as in the Search Box. [Redirect to checkout/cart page](Redirect to checkout/cart page) On this table, if a customer adds a product to the cart then will atomically redirect to the cart/check out page. Restaurant Table This table is made for a restaurant. Users will easily order products from the table. Mobile Wholesale Create a table to sell mobile. Show products specifications using our description column. Audio Player Table This is an audio table. User paly audio from the table. Online Music Sale Create a table to sell your music. Users also can listen to demo audio. Books Table Sell your books with the help of a table and increase user engagement. Course Booking Table Create a table for selling online courses. Users can book any course to learn about their interests. Quotation Table Users can send quotations using our plugin. Here is the demo table for that. Please Visit our demo site to see all our demo tables. All Demo Customization of Table Data Using filter hook, User able to change any TD data, using filter hook. Example Code: add_filter('wpt_td_content', function($content, $Row, $column_key){ //$product_id = $Row->product_id; //$product_id = $Row->td_keyword; //var_dump($Row); //Checkout to get all others property of this $Row object. if($column_key == '_price'){ $content = "BDT $content" . ' taka'; } return $content; }, 10, 3); Filter and Action Hook list ** 🏆Product Table Has Received 5 (⭐⭐⭐⭐⭐ ) Reviews. Let’s See What Our Users Said:** 🎉 Easy to Install and Configure – Great Support. 🎉 Best Product Table is a great plugin for WooCommerce. 🎉 Excellent plugin for wholesale stores. 🎉 Great Plugin with Loads of features 🎉 It is simple to use and has a lot of future for free. 🥇🥇🥇 Success Stories of People We Are Proud to Know : 👨 I just want to thank Code Astrology for helping me,set up the table and everything for the website. It looks really good. They’ve actually done some custom coding for me as well. And just all throughout the process of getting it sorted,it was easy. I could contact them with the tickets,and yeah,it worked really well. So thank you very much. — Alex K. O., Founder of KO Welding Pty Ltd. Our Main Features WPML/Loco Translate/Multi Language Totally supported with WPML or any other Local language supported. here can use any plugin of multi language. Drag and Drop We have a rich column list. Such as product Title, Attributes, thumbnails, quantity, short message, variation, and many more. Users can show or hide multiple columns with one click. Also easily can Change position by drag and drop. Design Customizable We have some pre-built design templates. You can switch between design templates to change table design. On the other hand, you can design pretty much table’s every section as you want. For example table header, footer, body. You can design each column individually also. Advance Filter (Taxonomy/cf/title) Our most valuable feature is search & filter. Customers can filter products by any taxonomy or attribute like products categories, tags, color, or size. Also can filter by any custom field data. Have an option to search from specific areas. ( Only from SKU or price ). Also, you can use a mini-filter that filters only current page products. Override Archive page This is an awesome feature of our plugin. you can display your table on your archive pages. You can display a table on every archive page or you can choose some specific archive pages to display specific tables. All you have to do is, select and turn on the table for archive pages. Variation Table for Variable Product Automatically or Manually show all variation as a table for Variable product. See: Example 1, Example 2, Example 3 Quick Cart Update Add a product to the cart, you don’t have to click any button anymore. You just need to update the quantity and that product will automatically add to the cart. The cart will auto-update by Increasing or decreasing quantity. Dozens of Integration We have integrated our plugin with the necessary plugins. By default, it supports most of the plugins. On the other hand, you can turn on our third-party plugin support feature to make them work with our plugin. Export & Import This is an important feature of our table. You can easily create a table as it is shown on our demo site by importing that table’s encoded code. Also can export your table data as well. Export & Import Graphical Stock Status showing. Enable by on off button easily. Developer Friendly We provide our plugin’s complete control to the developers. You can pass query arguments by shortcode attributes. We have tons of action and filter hooks, so you have the power to customize any of our plugin functionality. Get help from our documentation. 👉 See Our Official GitHub Page Here Our YouTube Playlist. Important feature ( Pro and Free ) WPML/Loco Translate/Multi Language Product Table to any page and where using shortcode. Advance Search and filter option – Search from whole site Multi-level Query to show product as table. such as: Category, taxonomy, tag, menu-order, price limit. Anything. No need code edit knowledge Table template feature Variation Table for Variable Product Show custom field in table Filter with custom field Product search by sku Product filter by sku WooCommerce Product Table Quick Order Table WooCommerce Shop page as Table WooCommerce Archive as Table WooCommerce Category as Table WooCommerce Tag as Table WooCommerce Taxonomy as Table Any type customization possible by Existing Filter and Action hook. Add custom column Design columns individually Columns only for login user Show multiple inner items Create A Variation Product Table Table On Variation Product Page Show Variation Label Include/Exclude Products Include/Exclude Categories Show or Hide Mini Cart Customizable floating cart Instant Search Filter Display Limited Products Load More Button Enable /Disable Pagination Customizable Add To Cart Button Pre-Select Product Option Product Sorting by values Showing Popup Notices Redirect to Checkout Page WC Product Table Lite woo product table 💥💥💥 Checkout Which Features Are Free And Which Are Not. 🚩🚩🚩 list of Integration plugin Addons – UltraAddons Elementor Lite Quantity Plus Minus Button for WooCommerce WooCommerce Min Max Quantity & Step Control WooCommerce Product Filter by WooBeWoo Elementor Advanced Custom Fields YITH WOOCOMMERCE REQUEST A QUOTE Loco Translate YITH WooCommerce Quick View WOOF – Products Filter for WooCommerce YITH WooCommerce Wishlist Columns/Item Load from Theme/ChildTheme To get Item’s Template From Active Theme, Use following Directory. * [YourTheme]/woo-product-table/items/[YourItemFileName].php Suppose: Item name is price, than location/directory from theme will be: * [YourTheme]/woo-product-table/items/price.php MORE OPTIONS AND FLEXIBILITY IN CUSTOMIZING When accompanied by a product table , you can design every section and every column as you want. You can design each column individually too. Not only that, you can display multiple inner items inside one column, like price, quantity, category, and many more. Columns can be easily changed by dragging and dropping. You can show or hide multiple columns with one click. Actions and filter hooks allow developers to change or add code without editing core files. They are used extensively throughout WordPress and WooCommerce and are very useful to you. 👉 Learn More 👈 YOU HAVE THE POWER With 31 predefined columns , you can use the Product Table in a way to control everything in your e-commerce. Shop Archive Override, Product Exclude/Include, Column Customization, Mini Cart, and controlling who can see your specific products on specific pages are just a few examples. PRE BUILD TEMPLATE There are over 16 different pre-made Product Table templates available, each of which gives a unique front-end experience. From that viewpoint, they have complete command and visibility. To make sure that customers can get the benefits of being in the product table, we have made sure that all of our templates are compatible with the front end. FAST, SECURE AND EASY With a Product Table Plugin, you can feel confident that your business processes will go quickly and easily. User-friendly and adaptable to all popular themes. Translation French (Français) – fr_FR Bengali (বাংলা) – bn_BD German (Deutsch) – de_DE German formal ( Deutsch (Sie) ) – de_DE_formal Russian (Русский) – ru_RU Ukrainian(Українська) – uk Spanish(Español) – es_ES Privacy Policy Woo Product Table for WooCommerce by CodeAstrology uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements. Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users. Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case. Learn more about how Appsero collects and uses this data.