How to Сreate a Listing Grid | JetEngine Plugin
HTML-код
- Опубликовано: 5 окт 2024
- In this video, you will learn how to improve your website with JetEngine listing grid functionality.
👉 Customize the dynamic content of the custom post type with the help of JetEngine for Elementor.
👉 Pull out the information from Meta Fields in Listing Grid Widget in one click.
👉 Desing the JetEngine Listing Grid just in a few minutes and getting stylish results.
#listinggrid #jetengine #dynamiccontent
--------------
Discover JetEngine functionality on our website
► bit.ly/2HUzaWE
Learn more about the top-rated Elementor addons
► bit.ly/32pqhO5
---------------
Check out our JetEngine | 2.0 version overview
► • JetEngine | 2.0 versio...
---------------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
► Linked In: / crocoblock
► Behance: www.behance.ne...
► Dribbble: dribbble.com/C...
#crocoblock #listing #gridwidhet #elementor #elementoraddons
Finally! A video that is clear, to the point, elucidates examples and a sexy voice to distract from the monotony of it all - sign me up!
Happy to hear that you enjoyed the video :) We continue this direction ;)
3:23 was very helpful, thanks.
Only listing grid you guys are showing, kindly show the landing page when you click on the one of the list!!!
hello. How do we make it mobile responsive?
Thanks for this Would like to see exactly how to do a form for a user to add their own data
Really liked it, create more videos like that. Keep the motivation up, THUMBS UP$
Really appreciate it, thanks! We've got lots of surprises left ;)
Love .....Thank you for such important information.
Great video! But how can I make a default inner page for each of listing post? Do I have to build each page separately and link with the post? Or is there a way to automatically generate a theme/default page for each listing of these posts. If you currently have a video please redirect:)
Hello! You could make the whole listing item clickable with the help of this option in the listing settings: prnt.sc/YoLzG3TqtZEZ Or add Dynamic link widget to redirect your users to the single post template: prnt.sc/y0bBqCkhcu6L There is an opportunity to make the Dyanmic Image clickable: prnt.sc/YO3-gE5mLpRh And use the Callback Get Post/Page link to make your Post title clickable: prnt.sc/EOPbCzaTx-nO
If you still have any questions, feel free to ask them here: crocoblock.com/help-center/
Hello
Is there any way I can create an ajax load more or continuous scroll for the columns I made in Elementor?
Hi! Could you please specify to what widget you would like to add load more or continuous scroll? Columns themselves don't have such an option.
Hi this video doesn’t show if we can click on the different list element to open the actual post. Is that possible ? Are their perms links embedded?
Hey Crocoblock, I have a question about this. Can you assign a particular post to a specific user? Great video btw.
Hi! You can do the following:
1) Open your CPT > Advanced Settings and choose Author in the "Support" field prnt.sc/134244z
2) Then open this post and choose the needed author prnt.sc/13426kp . Also, you can choose it in the quick edit.
Hi, I want to create email and phone number fields, is there a way to make them clickable("mailto" "tel:")? I couldn't figure that out....
Hello! Yes, it can be done. First, you need to create a Text meta field type. After that, there are two methods of displaying values in the listing template:
1. Dynamic Field widget: prnt.sc/rtvwsp
2. Dynamic Link widget: prnt.sc/rtw04s
Please try this out, and if you have any questions, please, feel free to contact us :)
I have a question: how to add aria lable to the links within the listing grid widget.
If you need to add some text (label) for the link, try to use the option Customize field output in the Dynamic Field widget: prnt.sc/Yt0FijIuy3Zy or use the Dynamic Link widget that has a Label field: prnt.sc/dBYNoXQrm6SL
In case you still have any questions, kindly contact our support team :)
Outstanding video. Thank you!
Thank you!
How and with what plugin could I make a kind of "listing grid" but with words, like small tags that if you click on a word there will be a different jetpopup for each tag? PS: I have tried to do it as a simple listing grid but this is arranged in columns and it does not look like small labels, I want them to look like words in a text that have a link in each word
Hi! Please, check this tutorial - crocoblock.com/knowledge-base/articles/creating-a-listing-template-for-the-terms-from-custom-taxonomy-with-jetengine/ . Could you also provide me with an example of what you would like to achieve? What should be inside the popup?
is there a way to add a switcher? List and Grid? Like in WooBuilder
Hello, thank you for this great video and explaining how to create Listing Grids! My question is, if I need *Elementor Pro* to follow this project or if I can just use *Elementor* without the paid version?
Best regards,
Valentin Kunz
Hi, Valentin Kunz
Elementor free is enough 💛
@@Crocoblock That is perfect, thank you. You got a new customer ;)
Great video! So easy to follow. How do I constrain the image in height and width for uniformity?
Could you be so kind to specify your question?
Excellent video! May I know if possible to set listing grid content to be only viewed by logged in user?😊
Thank you for your feedback! Dynamic visibility module should help you to achieve the result you need :)
Nicely shown!
Thanks a mil :)
How to edit the order of the posts/cards? Right now, they are alphabetically ordered by default (newest first) but how can I change this (oldest first, or even based on some data of my other meta fields, such as alphabetically ordered by name, or based on a numerical system). I cannot find this explanation anywhere in your documentation, though it seems like something that should be possible (probably I dont know the naming that you use for it)
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
Hi, Is it possible to show several types of Listings in same listing grids. As an example, if both Lands and Houses are advertised in a Properties website, these two listings have different dynamic fields. (e.g.- Houses have bedrooms, bathrooms). My doubt is the possibility to showcase both types of properties under a same listing grid.
Hi! Unfortunately, there's no opportunity to show them in one Listing Grid.
I have created a clone of existing listing grid, but I need to change the source ... How can I change the post type source ?
Could you please hover over the listing item and click on the Edit Listing Settings button? prnt.sc/ubXfZmyXeMl4
Thanks! Good video! Especially liked tours in Ukraine. You are awesome!
So, as I understand, even not necessary create Template Listing Archive in Croco Library or Elementor Templates.
:) Thanks so much! Welcome to Ukraine ;) Answering your question, Listing Grid widget should be added either to a page or an Archive template.
Excelent video, I'm very gratefull. A lot of Success for you
Hi! Thank you so much for your feedback and kind words 😊
This is awesome, but there's something I'd really like to know: how can I sort the listings in alphabetical order?
Hi! Thank you for your feedback 😊
To order posts in alphabetical order you can use the following query prnt.sc/2698sk7
Отлично. Всё по полочкам, спасибо!
Спасибо))
It would be nice if you provide also some live examples of pages with Listing Grid
Hi! You can find Listing Grids in our templates:
demo.crocoblock.com/foreo/ prnt.sc/1qm1pjm ;
demo.crocoblock.com/travengo-dynamic/ prnt.sc/1qm1qnl ;
demo.crocoblock.com/cardealer/ prnt.sc/1qm1rvh ;
demo.crocoblock.com/medcenter/ prnt.sc/1qm1sue ;
demo.crocoblock.com/only-books/ prnt.sc/1qm1u0g
Please, check :)
@@Crocoblock Thank you, nice templates
Listing grid widget is not working properly!
When I list posts, the posts sometime accumulate all in the middle and they r not in a list(they r one over each other)!
Is it a bug?
Hi there!😉
Please, contact us in a chat or a ticket so we can investigate crocoblock.com/help-center/
The featured image Ratio can not be customized right? For example, my post featured images are in different sizes, ratio. I want to make the listing grid Cover(the image showed in home page) in a same ratio, like 0.66. But It isn't customized. Or did I miss anything in the dynamic image functions? Hope You can give some advice. Thanks a lot.
All the settings are adjusted in the Listing template, in each Dynamic widget you use. If you used a Dynamic Image to show your featured image, the size can be changed here: prntscr.com/11af779.
Is there a way to show only related posts' meta fields on a listing? For example services and doctors. These post types have one-to-many relations with each other. One service for many doctors. I want to show only related doctors on the parent service page. How do I do this?
I have created a listing that pulls data from doctors. It has the doctor's image, name, title, and the service. It has 1 dynamic image, 2 dynamic fields pulling data from doctor post.
I've put this listing inside the single service page. But it shows all the doctors regardless of the service they are connected to. And Service Dynamic field shows the related service but, unrelated service dynamic doesn't show. I don'T want unrelated doctors to show. Is there a way to achieve this?
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
If you use the switcher field type, it just displays "True" in the page builder, rather than the title of the meta field - is there a way around this?
Hi, Lee! Yes, this is how this meta field type works: it shows either true or false. crocoblock.com/knowledge-base/articles/jetengine-how-to-display-switcher-values-with-dynamic-field-based-on-switcher-meta-field-type/
nice video, but how can I sort the listing alphabetically?
Hi! Thank you for your feedback 🙂Please, navigate to the Listing Grid general settings > Post Query > Order&Offset. Then, choose Order: ASC and Order by Name.
hi there , i just want to know how i can edit the other grids , my problem is that i already followed the steps as julia just explained but when i try to create a second grid , the widget just pulls the data of the firts product ..please help ... thanks
Hello Eduardo! Probably you haven't created a new Listing template for another CPT? Could you please submit a ticket at support.crocoblock.com/support/tickets so we could check your case individually?
Hello, great toutorial. I created a listing grid with 20 posts but i don't known hot to change order. I found only sorting by title but i want change order by numbers from meta field. It is possible ? Thanks :)
Hi! You can use the Order&Offset query and order by meta field. For example prnt.sc/26gx2f7
I couldn't link the grid to specific post? Any solutions?
Please submit a ticket at support.crocoblock.com/support/tickets and we'll check your case.
А возможно ли Listing Grid использовать на странице архива категории? И чтобы не нужно было каждый раз добавлять из какой категории подхватывать посты? Чтобы он сам понимал, на какой категории располагается, как это делает стандартный виджет архива постов.
Yes, it can be done. Beforehand you need to create a listing for Taxonomy, set appropriate conditions and display the terms via Dynamic Field widget. Then create an Archive and set its conditions (e.g. prntscr.com/pnwa4c), drop a Listing Grid and select the listing you've made. That's all ;)
@@Crocoblock Т.е. мне нужно создать листинг, шаблон архива, туда кинуть Listing Grid и сделать так: prnt.sc/pnwmxj Правильно понял?
I created a CPT and the listing from the post. Now I want to arrange the listing grid to display in alphabetical order by last name. I don't see any options to do this?
Hi! You can use the ASC order prnt.sc/1g3vydj
@@Crocoblock Hello, funny..I stumbled across how to do it while watching -the video: custom content type.
Your tutorials are amazing, than you!
@@37degreemedia-afairchancea21 thank you :)
Can you hep me please? I want to create a listing grid that shows only a specific category of products, how i do this? 😭
Hi! Firstly, you need to create a listing for Products prnt.sc/1661rdq and display all the needed data with the help of the dynamic widgets. Then, add the Listing Grid to the page and choose Posts Query > Tax Query. In the Taxonomy field choose "Product Categories" and add IDs/Names of the categories in the Terms field prnt.sc/16629e1 prnt.sc/1662ar3
Can you import a CSV file of data that you already have from another Business Directory?
Hello, Karen! No, as for a CSV file, there's no such opportunity. What about import\export with JetEngine, there's a Skins manager to transfer files from one site to another (crocoblock.com/knowledge-base/articles/jetengine-how-to-import-and-export-custom-post-types-terms-and-meta-fields/)
Great video!!!
thanks! :)
Hi, great video. I have a question. Is it possible to have for each element of the grid a link to page or a post? For example: in your video can be a button with "More details" under, let's say, " Karkiv Street Art tour" that opens a new page with the details about the tour? Or if you click on the image of that tour to open the page? And if it's possible how to do it. Thank you. Alex :)
Hi, Alex! Sure, it can be done :) Create Text type custom meta field and insert in those fields in each post the links to the pages you need. Then in Listing template drop a Dynamic Link widget and select this meta field in the Source. Therefore all your items in the Listing Grid will contain a button with the link to any page you need ;)
@@Crocoblock Great, thank you! :)
How can I make a listing grid show the data randomly at times, load some products for example and if you refresh the page it shows others?
Hi Daniel! Please use the Posts Query settings the following way: prntscr.com/vi3wrf
4:27 I can not coose "Images galery slider" the only option is "Get image by id" - do i need Elementor Pro for this?
Hi! Please make sure this option is enabled in JetEngine> JetEngine> Modules (prntscr.com/vp8ur0)
I have a question:
At 5.00, have you used a 3-column layout in the section to design it this way? If I do that, it will look all messed up when the listing grid is applied later on.
So I'm just wondering how you made that design without using columns?
Hello Simon! I'm not sure I got your question correctly. In the Listing template you need to build the structure of one item of your future grid. Once it's done, you need to drop a Listing Grid widget to a page, and select the Listing template you've just done,and regulate the number of columns and number of posts in the grid: prntscr.com/younoo
Many thanks. I understand, that you have to create to articles. Is there a possibility to accept user generated articles from a post-form? For example I have WP User Frontend plugin, and a form on my website, where my users can post datas for my articles. compliment for jet engines
Hi! With JetEngine 2.2 we added the opportunity to submit data from the front--end, so this is a built-in option now :) Please check the following video: ruclips.net/video/Q1lVe_kpTO0/видео.html
Gotta love the accent.
Thank you
we glad you liked it :)
our pleasure :)
How can I create the single post template? In this case the single Discover Ukraine template? So when I add a permalink and a read more the visitor will go to that page.
Hello! Please kindly check our tutorial: crocoblock.com/knowledge-base/articles/jetengine-how-to-create-a-single-post-within-custom-post-type-based-on-jetthemecore/ ;)
Hi.
How to set "posts number" on listing grind to unlimited posts?
Hello! Sorry, but there's no such an option. Maximum number is 1000 posts within Listing Grid.
Hi there. And thanks for the great overview. Is it possible to make the entire card clickable with Listing Grid?
Hi! You can make the listing clickable after enabling the "Make listing item clickable" option prnt.sc/1qm20fb
@@Crocoblock Sorry but how to reach these Listing Item Settings?
Ok. I found it. It appears when I click the Cogwheel icon.
Can't figure out how to put more than 1 meta data item next to each other to save some vertical space. Anyone know how to do it?
Hi! Could you please provide me with an example of what you would like to achieve?
@@Crocoblock Already figured it out, just needed to make extra columns :)
Hello guys, great video! Does this plugin also works with Divi Theme and Builder? Tks!
Hello! No, sorry, but our plugins are made for Elementor Page Builder.
@@Crocoblock Hi, that's a pity! Thank you so much for the quick answer!
How do I reverse a template that was installed on my website. I lost all my original content from installing theme elements onto my current site.
Hello, Ryan! If you imported a template via Crocoblock Wizard, you should have seen the following screen offering to either append or replace the content: prntscr.com/r02zyx. If you selected the Replace option, then your content was deleted and replaced with the new from the skin.
ola, tentei fazer uma calculadora de IMC usando o form do jetengine, mas notei que os campos somente entram valores inteiros e da erro quando uso campos com virgula para fazer o calculo, saberia me dizer como resolver isso?
Hi! Please kindly contact our Support team via chat or ticket: crocoblock.com/help-center/
Hello! Thank you for the great video. How to order the items like this in three columns:
a/d/g
b/e/h
c/f/i
I've tried everything and it just looks like this:
But it's
a/b/c
d/e/f
Help me, please. :(
Sorry for the delayed reply! To arrange the posts within Listing Grid you need to use the Posts Query settings: prntscr.com/tvo6pn
6:42 how do i design it position ?? thanks
Sorry for the late response! It's Listing Grid widget, which can be styled up according to your needs ;) crocoblock.com/knowledge-base/articles/jetengine-listing-grid-widget-overview/
Hello,
I I found that LISTING GRID added the LOAD MORE feature: "Load more element ID". Where can I find this ID?
Hi! Thank you for your question! Here's a tutorial where we described this functionality: crocoblock.com/knowledge-base/articles/jetengine-listing-functionality-how-to-create-a-new-listing-to-apply-for-the-certain-post-type/ . You can input any ID, the core thing is to make sure you added it either to Listing Grid (prntscr.com/q3q3fr) and to the widget you used, for example, in Button (prntscr.com/q3q3st). Hoe, everything is clear now ;)
Thank you for the great video, I am currently using listings for a frontend dashboard using the profile builder. I have managed to get the dynamic links for editing post form, but is there a way of adding a dynamic link to delete a post?
I am currently creating a property portfolio type of site that has a number of agents. I want the agent to have the ability do delete a property post as well as edit.
Thank you in advance :)
Hello! Currently, there's no opportunity to delete posts form the frontend.
@@Crocoblock thanks for the response. A shame as this was specifically requested by the client. Do you have any idea if this will be implemented in the future?
Hello, no front listing upload by user?
Hi! Unfortunately, JetEngine doesn't provide such functionality.
Thank you! 💕
Hi 👋 how to add taxonomies to the listing grid ?
Hi Venkata! Please kindly take a look at our textual tutorial: crocoblock.com/knowledge-base/articles/creating-custom-taxonomy-with-jetengine/
In case if any assistance is needed, please contact our Support team: support.crocoblock.com/support/home/ :)
Hello, thanks for the content, can you tell me how can i use this to create a products grid that i can display in my home page .
thanks
Hello! Just select the Products when creating a Listing prntscr.com/syc4w8 and you'll be able to pull the Products data via Dynamic widgets and then via Listing Grid :)
@@Crocoblock Thanks a lot ! this makes my life easier
Hello. Thanks for the great tutorial. I created a listing grid with some new-item custom post types. I was hoping that when I click anywhere on an item of my listing grid (so in your case, anywhere on one of the 'cards') that it would automatically link to the corresponding custom post type. Is this possible? Thanks already, Jip
Hi! Yes, you'll need to enable the "Make listing item clickable" option prnt.sc/1xhvcva in the listing. After that, posts in the Listing Grid will be clickable.
@@Crocoblock Didn't know there were specific settings in some cases.. thank you so much!
@@jipasveld2356 I was happy to help 😊
how about i have more category and i want to create each category a page. how can i do that?
You can create an Archive for Taxonomy and display the posts matching this Taxonomy.
@@Crocoblock can you show me how? i cant figure it out.
Is there a pagination option for this?
Hello! Yes, please use the Pagination widget from JetSmartFilters.
@@Crocoblock so in order to use an elementary option like that we need to pay for an extra plugin?
@@madmaxpowermx you can use the infinity scroll option in the Listing Grid widget or a load more button instead prnt.sc/1sjnjih
👍 great
open hours?..
Please specify your question in more details.
Бьютифульно!
She sounds like BMO from adventure time LOL
:)
Yeah, we had some issues with the recording those days😅🙏
♡
That whole "Discover Ukraine" concept didn't age well, sadly... Slava Ukraini.
Heroiam slava! 💙💛
How do I add a table for the exam result 🤔
Could you please takea look at this tutorial?
crocoblock.com/knowledge-base/features/jetengine-tables-builder-overview/
Hopefully, you'll find it useful 😊