Crocoblock Lesson 5 - Single Post Template with JetEngine Custom Fields - Wordpress Tutorial
HTML-код
- Опубликовано: 24 авг 2024
- Lesson Series as part of our Masterclass with 4 amazing plugins from the Crocoblock Family - as we delve into using JetEngine, JetSmartFilters, JetAppointment and JetBooking for a Personal Trainer/Fitness Site!
Get the Plugins here: crocoblock.com...
This is a Non-Affiliated and a Non-Commissioned Video.
And if want to get hold of a special-SUPER-SPECIAL-Discount on those 4 plugins, then you need to sign up to our course: learn.websquad... (Exclusive Code just for Course Members).
Get our Awesome 'How to Build an Elementor Website Course' - Lifetime Updates and access to New Modules at no extra cost: learn.websquad...
Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co...
Book your 1-2-1 Consultation: websquadron.co...
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your RUclips Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit websquadron.co.uk
I honestly love how you speak and make eye contact with us throughout the entire series, as if you are teaching us directly, even though you're talking to a camera. The information is 10/10 but your delivery made it even better. Hat off to you
Big thanks
The CSS block hiding trick is awesome! I have managed to adapt it to achieve the following outcome: When the meta field is Yes, the container with the No (contact-yes-No in my case) class will be hidden, and the container with the Yes (no-contact-Yes in my case) class will be shown.
To make it work correctly I had to add prefixes to the dynamic tags from CSS Classes "contact-yes-" and "no-contact-" (I wanted to hide contact information and show a text message and viceversa) and place the custom CSS code into Elementor > Site Settings > Custom CSS and not individual containers.
.contact-yes-No {
display: none; /* Hide contact details when the value is No */
}
.no-contact-Yes {
display: none; /* Hide the no contact details message when the value is Yes */
}
Thank you for your help with these videos! Not too long and straight to the point.
Great! Your presentation is just wow! I was stuck on gallery images ..& malfunctioning of CPT single page. Every thing cleared! Thank you!🥰
You're very welcome!
Another great video! Thank you :)
Another way you could have hidden the location section is using Dynamic Visibility in JetEngine instead of using any CSS. You could have done this a few ways with Dynamic Visibility
1. You could have left it as a Radio button and set the Show Element as Equal to the custom field and value
2. You could have set it as a checkbox and then used the Value is Checked selection
3. You could have set that field as a switcher and then used the Switcher Enabled selection
Great video
Hi Imran - I'm learning from this video. I have more fields with checkboxes that can have no value - So I had to add a YES/NO radio meta box for each meta box, and then I hid with your CSS trick the child container. It works perfectly. I just need to figure out how to properly align the child containers when some are hidden.
Hey how to showcase faq dynamically
how we could create a button with different phone number links on every single post
Bro i love ur Videos 🖤😘 but How do I find Google reviews on my website without a review? Even without HTML code that I have to pay monthly, is there something like this?
Not sure.
@@websquadron can you please make it work? I have also tried from elfsight but it costs a month.
I know it costs time for you but no one has yet without plugin or payment.
U have to build the single post from 0 not with templates!