When you’re creating the listing template, you can simply use the “ display width” option under the preview button instead if using 3 columns then deleting 2. The preview display width can be set at 400 or so that it is more visually accurate to what the end result will be.
This is a game-breaking combination if you can afford the jet plugin and elementor. If you have worked in the IT industry especially the Website Field you will know how much design process and development process it takes to put things together. In love with this combo
Rino - You are an absolute lifesaver! I have managed to build a website with 2 blog types using Jet Engine and I couldn't have done it without your videos! I have tried to watch Crockoblock videos and for the life of me, I couldn't understand anything. You're explaining so well and now I actually understand what I'm doing! Keep those videos coming! 🙏💕 P.s - since you uploaded the video they added a function of Preview Width under Listing Settings, so now it's much easier to see what you're designing and you don't need the 3 columns method 😊
Hi Rino, thanks so much for this tutorial. I’ve worked in marketing within the Real Estate industry for almost 5 years, and something that all of my clients need more than any other single thing is a way to capture leads. This often involves a forced sign up popup after looking at 2-3 pictures or requiring sign in to reveal certain details. I would say this is a necessity for any real estate website, and I think a lot of people (myself included) would really benefit from seeing the Elementor implementation. Keep up the incredible content.
This tutorial is so great, very clear! Funny how I've owned Crocoblock for a while, but was always intimidated by Jet Engine, so never used it. But now having seen the whole process start to finish, I'm realizing it's not super complicated after all. Thanks!
@@rinodeboer I found it to be a very instructive tutorial, very well explained and assembled on video. I also look forward to the WooCommerce and Crocoblock tutorial :)
To put "something" inside a column to adjust the hight, it would be a better idea, to use Elementors spacer element. Not only is it invisible by default, but much better is the fact, that one doesn't need to set the vertical padding or margin. Because, one can set the height on the spacer itself. If you want to adjust it a couple of month later, you don't need to search for the values to change, but just klick on the spacer and adjust the height. I rarely use vertical paddings and margins in any project. Because, later on, it can cause problems with the responsiveness. I only use the spacer element when it comes to vertically distancing elements. Never padding- or margin top/bottom. Would be nice if there were a spacer for horizontal spacing, but there may be one some time.
Elementor spacer add bloat to any site that result in a slower site, is better to use Margin and Padding. You can learn more searching for ''Elementor Best Practices'' and ''Elementor common mistakes''
you are the best teacher on youtube i found! clear and in the right pace. all questions are answered with a smile. please make more videos on crocoblock and designing also
Hi, Rino! Great video as always. To display the background image in an empty column, you can add the spacer widget (integrated on Elementor) instead of a divider. I think it is a better solution. Although they both work. 🤗
When creating the Listing using JetEngine if you click on the Settings cog you can set the width of the single listing in Listing Settings > Preview Width. So you don't have to do the work around of creating 3 columns.
Congratulations on dynamic content video! they are very clear and simple with Crocoblock. Please make more dynamic video in this regard in the future! You explain very well compared to other people in you tube. I like it, Thanks !!!
Hey! I will love you take this subject again. I will like to learn more, principal how to made a map with a column of the listing, and more... Property manager are on fire 🔥
Tip: Most of the time I only have to check some little parts of the whole video. Can you use subjects in your timeline so we dont have to look for those parts of interest. I think I speak for a lot of developers....who just want a quick fresh-up on how things works. But thanks for your time and effort. Great tuts! Keep on the good work! Groeten... RP
In the Listing Grid you used the Masonry settings to overcome the different heights of the Listings. There is an option just below the Masonry setting that forces all the Listings to be the same height.
On the listing chapter, instead of using H1-H6 options, its prefer to use font size, because the H's structure is used for SEO (search engine optimization). great video anyways!! help me a lot
Minor correction for the listings: instead of 3 columns where you have to drop 2, why not go to settings > listing settings > set preview width. Thanks for this great tutorial!
apart from showing individual property page, if possible to also build a property overview page as the property directory page - all property basic information will show at that page, followed with click for details button, to be redirected to each individual property page
Hi rino, thanks again for the beautiful tutorial. Im thinking that maybe you can post a video on how to search property on real site by using elementor or maybe jetsearch. I dont know. That is very helpful.
Hello Rino, wow awesome tutorial, that's exactly what I was looking for. Thank you ! I watched almost all of your tutorials last weekend. I think your explanations are really perfect. Would be great if you could do a tutorial about websites for photographers with info about full screen sliders and galleries (dynamic). Maybe a few ideas about good plugins (gallery, slider, portfolio) or whether Elementor Pro can cover all of that ;-) About Portfolio You already reported in detail in one of your tutorials :-D
Little sugession, Rino. I really appreciate it if you can give the full tutorial to make crocoblock's dynamic websites. Just a little thought 😊 Thanks for your hard work.
You could just create a text field and let people type it, or you could create 2 number fields and then both load them into the template. So from (data) to (data)
there are MLS services that populate data based on Realtor IDs. i couldn't imagine having to add each property manually when there are hundreds of properties for clients. MLS services pull historical data as well. i think this type of a site is fine if there aren't many properties to enter.
Hey Bro ☺️, Thanks for this great Tutorials... So grateful to you 😊. I've a request brother 😁. I want to learn UI/UX design... There are so many tutorials on UA-cam already but your ability to explaining is very cool. Already I see your UI/UX tutorials but i want more .. if possible I hope you will share trips and tricks for UI/UX...
Regarding the workaround where you add a hidden element to a column to access padding, you can set the section width to Min Height then Column Position to Stretch. Any column background image will then re-size to the section height without having to add a dummy widget. _edit: typo_
Thanks for your thorough tutorial. I had a question. I want to use the selection tool twice. So that when I choose the brand of a car company, the models of the same brand will be displayed and not the models of other brands. How can I do this?
Hi Rino, This tutorial is so great.. Thank you for the tutorial.. how to create a listing in different categories on one page? For example, I will create a listing in the food category, then below that there was a list by drinks category..
This series and the video itself are just golden. Thanks for sharing the info for newbie wp users. Is there gonna about rest api with crocoblock by any change. I know there are some videos about it but it would be nice to learn from you.
Super bedankt, ben bezig met het opbouwen van een site met motopress hotel plugin en dit werkt precies hetzelfde. Life saver. Heb helaas geen geld atm maar mocht ik een aankoop doen gaat het zeker via een van je affilite links. Nogmaals bedankt
Absolutely well explained ! Congrats. Lets say I have a website with Creditcards and separate them in "Visa" and "Mastercard". Maybe later with smth else. May you explain when you are going to use "Jetengine Taxonomies with visa, mastercard" vs just using "select field type with manually added visa, mastercard" ?
Hello Rino, thanks for the video. It has been very helpful to me. To insert videos, virtual tour or a 3D plan, I need to do it by embedding an HTML code, when in the Post Type list I put HMTL in the field type, the post type disappears when you go to edit the property. I have tried it with WYSIWYG by inserting a text editor into the property template, selecting the html part and linking it to the dynamic data, but it doesn't work either. How would you do it? Thank you.
Hey Rino. Love this tutorial. Is there a followup tutorial this? At the end of this video you said you were coming up with more tips on how to make this better.
Hi Rino! Thank you for this tutorial! But one question please: how to set the PROPERTIES page as the archive page, and not the PROPERTY of the CPT. In order to have a slug like /PROPERTIES/luxury-villa-with-pool/ and not PROPERTY/luxury-villa-with-pool/ ?? Thank you very much and have a nice day :)
For me as a front-end developer develope everything without plugins need spend a lot of time to make same listing. But in my case my website would be much faster😊
Thanks for the tutorial, this really gives an idea to understand dynamic content. Just a question: If you want a default member page and let members insert hotels for a small fee NOT in the wordpress backend but instead on a created field. How could i do this?
Thank you for this amazing video. Can you please show how to make a front end dashboard for the registered visitors so that they can add, edit and delete their own listings?
Awesome video, and articulately delivered. I would also love to see this in a tutorial. I know that Crocoblock's Findero real estate template has that functionality. In the meantime, I'm going the try to reverse-engineer that template and incorporate Rino's teaching into that. The perfect delivery would be a website that the client could log in, click "add listing," input the required information and media and submit.
I’m a simple man. I see a Rino video...I click like!
i am not able to add price dynamically can you please help me i am stuck?
When you’re creating the listing template, you can simply use the “ display width” option under the preview button instead if using 3 columns then deleting 2. The preview display width can be set at 400 or so that it is more visually accurate to what the end result will be.
This is a game-breaking combination if you can afford the jet plugin and elementor. If you have worked in the IT industry especially the Website Field you will know how much design process and development process it takes to put things together. In love with this combo
Hi! If you have a grip on JetEngine I have a simple problem if you can solve
Rino - You are an absolute lifesaver! I have managed to build a website with 2 blog types using Jet Engine and I couldn't have done it without your videos! I have tried to watch Crockoblock videos and for the life of me, I couldn't understand anything. You're explaining so well and now I actually understand what I'm doing!
Keep those videos coming! 🙏💕
P.s - since you uploaded the video they added a function of Preview Width under Listing Settings, so now it's much easier to see what you're designing and you don't need the 3 columns method 😊
i am not able to add price dynamically can you please help me i am stuck?
Hi Rino, thanks so much for this tutorial. I’ve worked in marketing within the Real Estate industry for almost 5 years, and something that all of my clients need more than any other single thing is a way to capture leads. This often involves a forced sign up popup after looking at 2-3 pictures or requiring sign in to reveal certain details. I would say this is a necessity for any real estate website, and I think a lot of people (myself included) would really benefit from seeing the Elementor implementation. Keep up the incredible content.
i am not able to add price dynamically can you please help me i am stuck?
Took 3 hours to watch, analyse, create, visit doctor, ate some Goalgapas and now is 01 am, and this video is awesome. Thanks Man...
This tutorial is so great, very clear! Funny how I've owned Crocoblock for a while, but was always intimidated by Jet Engine, so never used it. But now having seen the whole process start to finish, I'm realizing it's not super complicated after all. Thanks!
Very usefull! I'm waiting for your full woocommerce tutorial with elementor pro and crocoblock!😊
Working on it 👌🏼
@@rinodeboer I found it to be a very instructive tutorial, very well explained and assembled on video. I also look forward to the WooCommerce and Crocoblock tutorial :)
Me too, ^_^
Nice job! I’m waiting too for the woocommerce integration 🤗
Is this available as a template to download?
This is content marketing done right. Honestly, I'd save up to buy your course. I hope to see it soon. Keep 'em coming!
Still waiting for the course! ^^
Hey, Rino! We need a second part of this project lol
Your lessons are very concise and clear. Just thank you : )
Best demo I've seen on custom fields
This is the most underrated video in the WordPress history!
To put "something" inside a column to adjust the hight, it would be a better idea, to use Elementors spacer element. Not only is it invisible by default, but much better is the fact, that one doesn't need to set the vertical padding or margin.
Because, one can set the height on the spacer itself. If you want to adjust it a couple of month later, you don't need to search for the values to change, but just klick on the spacer and adjust the height. I rarely use vertical paddings and margins in any project. Because, later on, it can cause problems with the responsiveness. I only use the spacer element when it comes to vertically distancing elements. Never padding- or margin top/bottom.
Would be nice if there were a spacer for horizontal spacing, but there may be one some time.
Elementor spacer add bloat to any site that result in a slower site, is better to use Margin and Padding. You can learn more searching for ''Elementor Best Practices'' and ''Elementor common mistakes''
you are an excellent teacher, a a fun person to "work with" and a life saviour.!
you are the best teacher on youtube i found! clear and in the right pace. all questions are answered with a smile. please make more videos on crocoblock and designing also
Built my whole website using this tutorial. Keep up the good work.
I think your the best tutor on UA-cam! Please continue with uploading new videoes :)
thanks man, you are the number 1 person who can change my mind to grow up :)
I'm glad I found person like you on youtube :)
Thanks so much, Rino! This was a very concise tutorial. Worked perfectly to get my client's listings going on his website.
Hi, Rino! Great video as always. To display the background image in an empty column, you can add the spacer widget (integrated on Elementor) instead of a divider. I think it is a better solution. Although they both work. 🤗
spacer widget is bad for seo
Extremely clear explanations, good humour ... superb videos to help us beginners!
Jij bent echt van alle markten thuis! Ik heb de cursus Photoshop van jou gekocht! Toppertje ben je.🥳👍🏼🕺🏽
Thank you for showing how Jet Engine plugin working in Elementor !
Thank You, I just purchased CrocoBlock plugins from your link, thanks a lot for the tutorials
Thank you very much as well 🙏🏻
When creating the Listing using JetEngine if you click on the Settings cog you can set the width of the single listing in Listing Settings > Preview Width. So you don't have to do the work around of creating 3 columns.
I didn't know this. Thank you very much.
@@rinodeboer your workaround is still a great idea as it means you don't have to work out how many pixels wide the Listing needs to be.
I love your content. I am addicted to it.
Excellent as usual! For us small business owners not Website Designers. Yes we are here too :-)
Please create part 2 soon im currently building a site like this! Love it
Fantastic. Best tutorial I've seen on using Crocoblock for creating a listing post. Thank you!
Thank you very much Larry 🙏🏻
Congratulations on dynamic content video! they are very clear and simple with Crocoblock.
Please make more dynamic video in this regard in the future!
You explain very well compared to other people in you tube. I like it, Thanks !!!
Can crocoblock be installed for in Wordpress?
Sir the way you explain its truly amazing. We want to see more tutorial about web project from you
Hey! I will love you take this subject again. I will like to learn more, principal how to made a map with a column of the listing, and more... Property manager are on fire 🔥
Good day all, very good video. Looking fwd for the next video about the Smart Filtering and Categories that you talked about, Thanks.
Yeaaaaa...this is what I was waiting for......You took your sweet time......Thanks boy....
Thank you! I do not have these plugins yet but I always learn with you
Tip: Most of the time I only have to check some little parts of the whole video. Can you use subjects in your timeline so we dont have to look for those parts of interest. I think I speak for a lot of developers....who just want a quick fresh-up on how things works. But thanks for your time and effort. Great tuts! Keep on the good work! Groeten... RP
Great video tutorial, I am looking pretty much forward to the next episode diving into filers.
Just love the way you made things so easier bro May God Bless you 👍
Thank you very much! Great tutorial. I already knew the "Jet Engine", but was still able to learn a lot. 👍🙏
crystal clear tutorial. thank you so much
Rino! You are really awesome like always, I am waiting to watch a appointment tutorial for Doctors with bookly or JetAppointment :)
You mean Bookly.
@@alan-muscat o yah, sorry
In the Listing Grid you used the Masonry settings to overcome the different heights of the Listings. There is an option just below the Masonry setting that forces all the Listings to be the same height.
Yea I know! But that's not always beautiful with the design. Because that feature creates huge whitespaces in some places.
On the listing chapter, instead of using H1-H6 options, its prefer to use font size, because the H's structure is used for SEO (search engine optimization). great video anyways!! help me a lot
One Like is not enough. it was awesome Rino
Minor correction for the listings: instead of 3 columns where you have to drop 2, why not go to settings > listing settings > set preview width.
Thanks for this great tutorial!
apart from showing individual property page, if possible to also build a property overview page as the property directory page - all property basic information will show at that page, followed with click for details button, to be redirected to each individual property page
Wow, this video is awesome. Every part of this video was easily understandable. Thanks a lot. Eagerly waiting for the 2nd part.
really love all of your content, your explanation is so clear. you've got new subscriber bruh.. Thanks at all
fyi, My English isn't good, but I can understand all your explanations with your little jokes (without subtitle)
Thank you so much for sharing. I learn a lot from you.
You are so welcome
Hi rino, thanks again for the beautiful tutorial. Im thinking that maybe you can post a video on how to search property on real site by using elementor or maybe jetsearch. I dont know. That is very helpful.
This is amazing! Been trying to do that since weeks on the website of my company. Thank you so much!
Hello Rino, wow awesome tutorial, that's exactly what I was looking for.
Thank you !
I watched almost all of your tutorials last weekend. I think your explanations are really perfect.
Would be great if you could do a tutorial about websites for photographers with info about full screen sliders and galleries (dynamic).
Maybe a few ideas about good plugins (gallery, slider, portfolio) or whether Elementor Pro can cover all of that ;-)
About Portfolio You already reported in detail in one of your tutorials :-D
so professional and useful, Thanks for sharing😍
Awesome, the best video. Tanks from Argentina!!
Good video..next time pls dont skip any parts..i know we can see it in other videos..but videos should be complete...thanks and appreciate your work
Awesome as usual Rino!!! Fantastic videos with real content!! Congratulations on additional subscribers!!
Glad you like them!
So awesome! I’m curious what Crocoblock has improved and added for us Pro members in the last year and 2021. Great video sir
Little sugession, Rino. I really appreciate it if you can give the full tutorial to make crocoblock's dynamic websites. Just a little thought 😊 Thanks for your hard work.
Thank you very much. This tutorial was very useful for me
Super fan of your content! I've been trying to find how to create a meta field for business hours in the CPT but I haven't find anything yet!
You could just create a text field and let people type it, or you could create 2 number fields and then both load them into the template. So from (data) to (data)
Wow, your videos are awsome.. very clear and concise.. waiting for the next video.
Glad you like them!
Thanks for the help. This Tutorial Really Help me out. Once again thanks...
Yes, I was waiting for this. Thank you so much Rino.
My pleasure!
You are amazing, really like your videos, very explainable, looking forward setting up this real estate site!
Can you make a Q&A live-stream once a week or more often?
PS: Keep up the good work
Good idea! Thank you.
Love your vids. Thanks for the great demonstrations. ))
there are MLS services that populate data based on Realtor IDs. i couldn't imagine having to add each property manually when there are hundreds of properties for clients. MLS services pull historical data as well. i think this type of a site is fine if there aren't many properties to enter.
thanks! one more subscribed to the channel! Congratulations!
Hey Bro ☺️,
Thanks for this great Tutorials... So grateful to you 😊.
I've a request brother 😁. I want to learn UI/UX design... There are so many tutorials on UA-cam already but your ability to explaining is very cool. Already I see your UI/UX tutorials but i want more .. if possible I hope you will share trips and tricks for UI/UX...
Regarding the workaround where you add a hidden element to a column to access padding, you can set the section width to Min Height then Column Position to Stretch. Any column background image will then re-size to the section height without having to add a dummy widget. _edit: typo_
Thank you very much, I didn't know this.
@@rinodeboer You're welcome! You help me, I help you 😉
Thanks for your thorough tutorial.
I had a question.
I want to use the selection tool twice. So that when I choose the brand of a car company, the models of the same brand will be displayed and not the models of other brands. How can I do this?
Thank you Rino for this great video, I learned and you saved my day! 😊
Hi Rino, This tutorial is so great..
Thank you for the tutorial..
how to create a listing in different categories on one page?
For example, I will create a listing in the food category, then below that there was a list by drinks category..
Great thanks Rino
I've learned many things from you.
This series and the video itself are just golden. Thanks for sharing the info for newbie wp users. Is there gonna about rest api with crocoblock by any change. I know there are some videos about it but it would be nice to learn from you.
Super bedankt, ben bezig met het opbouwen van een site met motopress hotel plugin en dit werkt precies hetzelfde. Life saver. Heb helaas geen geld atm maar mocht ik een aankoop doen gaat het zeker via een van je affilite links. Nogmaals bedankt
Absolutely well explained ! Congrats. Lets say I have a website with Creditcards and separate them in "Visa" and "Mastercard". Maybe later with smth else. May you explain when you are going to use "Jetengine Taxonomies with visa, mastercard" vs just using "select field type with manually added visa, mastercard" ?
Hello Rino, thanks for the video. It has been very helpful to me.
To insert videos, virtual tour or a 3D plan, I need to do it by embedding an HTML code, when in the Post Type list I put HMTL in the field type, the post type disappears when you go to edit the property.
I have tried it with WYSIWYG by inserting a text editor into the property template, selecting the html part and linking it to the dynamic data, but it doesn't work either.
How would you do it? Thank you.
Thank you for this great guide!
I love your videos and I love your very clean work.
So excited for this, thanks Rino!!
Listen I'm also from The Nethelands and I'll find you and I'll kiss you!!! This is exacly what I was looking for!!!
SUBBED!!!
This is incredibly helpful! THANK YOU!
Hey Rino. Love this tutorial. Is there a followup tutorial this? At the end of this video you said you were coming up with more tips on how to make this better.
Hi Rino! Thank you for this tutorial! But one question please: how to set the PROPERTIES page as the archive page, and not the PROPERTY of the CPT. In order to have a slug like /PROPERTIES/luxury-villa-with-pool/ and not PROPERTY/luxury-villa-with-pool/ ?? Thank you very much and have a nice day :)
U found a solution to this?
Well covered. You’re doing great work 👍
Have you got any updated video now on categories, how to make front end submission form for these listings. Thanks
Bro, jij bent een baas.
For me as a front-end developer develope everything without plugins need spend a lot of time to make same listing. But in my case my website would be much faster😊
This is definitely one of your best videos!!! What's the average price we should charge for a site like this?
you can use spacer widget instead of divider
Thanks for the tutorial, this really gives an idea to understand dynamic content.
Just a question:
If you want a default member page and let members insert hotels for a small fee NOT in the wordpress backend but instead on a created field. How could i do this?
Awesome man! Thank you so much! You are the best! 👏🏽👏🏽👏🏽🙏🏽😁
Thank you so much for all the excellent guidance.
I would appreciate it if you have an existing link to this site you are showing
is there a way to allow a user to input the dynamic data on a front end form rather than the back end?
I want to know this too. The Crocoblock template "Findero" has that functionality integrated.
hey bro. this tutorial help me a lot. thank you
I did exactly as you showed. The map appears in the backend, but doesn't appear in the frontend.
Love your videos - they help me a lot :)
Thank you for your tutorial, can you please make a video on making a reqeust a showing button?
Thank you for this amazing video. Can you please show how to make a front end dashboard for the registered visitors so that they can add, edit and delete their own listings?
A friendly dashboard
Awesome video, and articulately delivered. I would also love to see this in a tutorial. I know that Crocoblock's Findero real estate template has that functionality. In the meantime, I'm going the try to reverse-engineer that template and incorporate Rino's teaching into that. The perfect delivery would be a website that the client could log in, click "add listing," input the required information and media and submit.