How to create WooCommerce Dynamic Product Table | JetEngine Plugin
ฝัง
- เผยแพร่เมื่อ 21 ก.ค. 2024
- Looking for a #WooCommerce #table plugin? Well, you don’t need one because #JetEngine is capable of creating a WooCommerce dynamic products table and building a query specifically for it.
💡 Tip 1. Find Tables Builder in External Modules and make sure it is enabled.
💡 Tip 2. Dynamic Tables Builder works on the basis of Query Builder, so first, you need to create a query for it.
◼ Add a WC Product query for the table to pull the data from this source
◼ Fill in the columns with appropriate name and choose the content to display there
◼ Select Raw Value to showcase the content as it is
◼ Create Dynamic Listing template for a particular column content to organize them faster
◼ Add as many product columns as you need to showcase product image, brand, category, etc.
◼ Customize and style the table to match your website
◼ Add pagination to allow the users navigate through the products easily
Get JetEngine: bit.ly/2WwMWK1
►Responsive Tables and Charts Builders Demo
bit.ly/3yqr1Rz
► Tables Builder Overview
bit.ly/3gPBQX8
---------------
☕ ENJOYED THE VIDEO? BUY KATE A COFFEE:
► www.buymeacoffee.com/KateAlbr...
---------------
► TIMESTAMPS
0:00 - Introduction
00:52 - What a Dynamic Tables Builder is?
01:17 - Case Preview
01:38 - Activating Dynamic Tables Builder Module
02:27 - Creating Products Query
03:36 - Creating Products Table
04:39 - Creating Listing Item for Picture Column Template
08:17 - Creating Listing Item for Purchase Column Template
09:42 - Customizing Products Table Columns
11:10 - Adding Woocommerce Products Table to a Page
12:08 - Styling Dynamic Table Widget
13:52 - Adding Pagination Widget to Dynamic Table
15:40 - Checking out the Frontend
---------------
More about JetEngine on Crocoblock:
JetEngine | Tutorials playlist 👉 • JetEngine | Tutorials
JetEngine in Knowledge Base
► bit.ly/3mRoFc7
#wordpresstable #dynamic #dynamictable #producttable #wootable #wordpressplugin #tableplugin #wordpress - วิทยาศาสตร์และเทคโนโลยี
I like it a lot! And I can not stop thinking in so many ways to apply it on my projects. You should look my face, I'm so happy 😄
Hi! We really glad that you like it 😍
Crocoblock é um dos melhores plugins que já conheci. Parabéns!
Thank you so much for your feedback ❤
Hi Kate, Thank you again for another tutorial video on JetEngine, I am much keen to see the upcoming video as you have shown as a teaser.. a glimpse of a Table with Graphs & Charts. Please note that currently, I'm using wpDataTables a WordPress plugin, I think that this plugin could be replaced with what you are about to bring in the next video... Requesting you to Please explain the All USE Cases of JetEngine Dynamic Tables feature in detail if possible.
Hi! Thank you for your feedback and for the suggestion!
Hi, is there a way to make this table sortable by clicking on each header ?
For exemple : clicking on "Product Name" header to sort elements by name, ascending, descending if I click the header again, this for each header.
Nice to see my proposal implemented. thanks crocoblock for these thing.
We are always glad to help and make our product better 😉
My gosh I love crocoblock 😅❤️ just what I needed!
Hi, is it possible to show variations of variable products using dynamic table?
is there any way to show only the last modified products in the table? as I am working on creating a changelog table.
Thanks again for the good explanation of the tutorial. Appreciate if you can have more tutorial of Query Builder and its use cases, such as Query for SQL database.
Hi! Thank you for your feedback and suggestion! There will be more videos in the future 😉
Thank you!
Hi, is it possible to make JetEngine Dynamic Tables Builder table with sticky table head? Thank you.
Excellent video sharing~ may I know if my business/website is not ecommerce, so might not need woocommerce plugin but I still need the mentioned Jetengine - dynamic tables builder. Am I able to still build the dynamic table in website?
In my case, for query type, should I choose WC product query too?
Hello! This tutorial gives you an example with WooCommerce products. You can build any query with the help of Query Builder (JetEngine) and display CPT, Terms, Users, CCTs, etc with the Dynamic table.
Is there way to upload excel file as CCT and display as calculators ?
great content , I hope you will record more tutorials of this module, one of the items on the page of this module on your website was the currency price table, which seems very complicated and needs a complete tutorial.
Thank you for your feedback! If any step from this guide is left unclear, feel free to contact our support team: crocoblock.com/help-center/
Is there any way to use the default 'Add to cart' element instead of the Jet element? I ask because in my particular instance I have another plugin that alters the Add to Cart hook for woocommerce and it doesn't effect jetwoo elements.
Hi! Could you please specify what widget you would like to use and how?
Add to cart and Thumbnail widget is not found, where to add those?
Thank you 😊🙏
OK, I subscribed already :P
Does this work with repeatable fields?
Hello...Is any way to connect jet Engine CPT with wocmmerce checkout and payment?
is this possible to make and customize "Frequently Bought Together" or "add on products" feature with JetEngine?
Hi! You can create a listing and. for example, query it by category, so you'll have similar products by category.
anyone know how to make items in the columns clickable? Categories present as links, but things like product title and attributes don't. I want the user to be able to click the product title for example and be taken to that page (i also want this for specific product attribute type). I have tried to create a listing template with various widgets set to pull the product title, but none of them will display on the front end in the table.
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
Подскажите пожалуйста, у меня вариативный товар, в таблице выводится только цена одного варианта. Как можно отобразить цену всех вариантов товара и цену со скидкой?
Can we import CSV data for this kind of product table, and how? I'm using Elementor if there is any matter.
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
Hi kate, Really awesome.
I have a question. Is it possible that we can creaete variation table with the help of this dynamic table?
Like each variationn on the single row.?
I'm interested in your idea. Have you been able to solve it?
@@josemirivera hi josemirivera unfortunately last time when i tried it was not efficient to achieve this so i used another plugin to achieve this.
Hi @@sheraz_razzaq thank you for the info. I'll do the same :)
@@josemirivera sure and in case any help free to ask
you can make it so that there is not a table, but for example 3/4 columns with the goods selected in the cart
this work other then elementor?
is table give shortcodes to place table on any page i want.
yes, it can be displayed with the help of the shortcode 💙
Here is a custom coding snippet that allows displaying a dynamic table or a dynamic chart with a shortcode:
gist.github.com/ihslimn/c417a3ff0259e04b78aa227253b69386
Please, copy the provided code and paste it into functions.php file or as a new snippet in Code Snippets plugin.
You will be able to use this shortcode then:
[jet_engine_dynamic_table table_id="47"]
Here, "47" is the ID of the Dynamic Table:
prnt.sc/_O5SLfWcv2dH
prnt.sc/c6wtc87Z1RKR
You can render all dynamic widgets using similar approch
Say \jet-engine\includes\components\listings
ender\listing-grid.php has a parameter for get_render_instance in get_name() method prnt.sc/Sp_bwCxP2B5P
default_settings() method contains parameters to be set in shortcode
There is no built-in shortcode to render widgets, so you would have to make your own
Guys! Your product is amazing, every time you put an amazing eye catching thumbnail, but at the end the design in your videos... well... they are not so beautiful.
Hi ,
Is it Possible that the thumbnail be zoomed on mouse hover ?
Hi! Could you please specify the widget?
is it possible to show related items in Table?
Yes, it is possible. You need to create a query to display related items crocoblock.com/knowledge-base/articles/jetengine-macros-for-wordpress-relations/. Then use this query to build a dynamic table crocoblock.com/knowledge-base/articles/jetengine-tables-builder-overview/
If you still have any questions, contact our support team, please crocoblock.com/help-center/ 😊
I want to add extra product option to this product table,is it possible?
Please, contact our support team for clarification of your question- crocoblock.com/help-center/.
Amazing
Thank you ❤
Hopefully a Crocoblock integration with Bricks or Zion.
Hi! Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement.
Hello can i make to WooCommerce product title clickable to the single product page? Thank you
Hello! You can apply a callback Get post/Page link prnt.sc/nck0k12mH05n
Hello I have tried and this does not work, only point for a WooCommerce or product table is to display products and redirect to the single product page but this does not work at all cannot add link to WooCommerce product titles
Hi how are you?
I have a CPT of Sellers, and I have a CPT of Customers...
and I need to create a form to register new customers, but how can I make a form that, when adding a customer, how can I add it to a specific seller?
remembering, I am the Administrator of the site, and I am the one who will manually add each customer for each seller....
it is not the seller who will do this.... who will register the customers for the sellers is me (admin).
how can I build a table like this, to be displayed the customers of each seller, in single? Someone help me?
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
Can't locate the JetEngine Plugin when "add new"?
Let our support team help you with this issue, please: crocoblock.com/help-center/
How to create auto number for table?
Hi! Could you please describe in more detail what would you like to achieve? It would be great if you could provide me with an example 🙂
Can I do this without Elementor?
Hi! Right at the moment, there's no such opportunity. Do you want to create it with Gutenberg?
@@Crocoblock Yes, I want to create this without elementor
@@randomraidor Sorry for the misunderstanding! You can add Dynamic Table in Gutenberg prnt.sc/1ubx0l8
@@Crocoblock I have to follow same process to create table builder as shown on video?
@@Crocoblock can I create smililar looking table without elementor? by following the same process as shown in the video
Why demonstrate this with an example of "woocommerce products"? As if there aren't already 1000 other plugins and ways to show a list of Woocommerce Products in a table!? When first watching this it appears that this is "for" just that, building a table of woocommerce products when in fact is WAYYY more powerful than that! I'm glad I went and looked at the documentation for it which you guys really do the best job of documentation for ALL of your amazing functionality.
But showcasing this using woocommerce products is very boring! The only thing probably more boring is if it was "real-estate properties" yet again! Seeing either of those same "properties" examples or the default "woocommerce products" over and over again makes one just wanna scratch their eyes out.