![Croco Mentor](/img/default-banner.jpg)
- 34
- 104 100
Croco Mentor
Israel
Registrace 19. 01. 2022
this channel is all about building and designing a website useing elementor page builder and crocoblock plugin
How to Add New User Approval to WordPress (Code Snippet)#wordpress
code page:filenewcreate.com/elemento-code/
In this video, I’ll guide you through the process of adding a user approval functionality to your WordPress site using a simple code snippet. This feature allows you to manually approve new user registrations before they can log in, helping you control who gains access to your site and prevent spam registrations. I'll walk you through the steps, explain each part of the code, and show you how to customize it for your needs. Whether you're running a membership site or just want more control over user access, this tutorial has you covered. Don't forget to subscribe for more WordPress tips and tricks!
In this video, I’ll guide you through the process of adding a user approval functionality to your WordPress site using a simple code snippet. This feature allows you to manually approve new user registrations before they can log in, helping you control who gains access to your site and prevent spam registrations. I'll walk you through the steps, explain each part of the code, and show you how to customize it for your needs. Whether you're running a membership site or just want more control over user access, this tutorial has you covered. Don't forget to subscribe for more WordPress tips and tricks!
zhlédnutí: 102
Video
Unfold Effect (Text Editor)
zhlédnutí 490Před 5 měsíci
After the success of the first unfold tutorial, here comes the sequel. This time, it will be applied solely to Elementor's text editor. Enjoy! code page: filenewcreate.com/elemento-code/
Change Slider Direction | jetengine
zhlédnutí 456Před 7 měsíci
code page: filenewcreate.com/elemento-code/ Explore the easy steps to transform your grid listing slider's movement in this tutorial! If you've ever wanted to change the direction from right to left or left to right but found no option in the settings, we've got you covered.
Send An Email With The Link Of A Newly Created Post
zhlédnutí 260Před 7 měsíci
Learn how to submit a post seamlessly and receive an email with a direct link to your newly created post
How to Add a Scrollbar to a Container | Elementor
zhlédnutí 3,6KPřed 7 měsíci
code page: filenewcreate.com/elemento-code/ Learn how to enhance your Elementor designs by adding a scrollbar to a container using CSS customization. In this step-by-step tutorial, we'll guide you through the process of creating a stylish and functional scrollbar
JetSmartFilters Preloader Animation
zhlédnutí 591Před 8 měsíci
Welcome to my channel! In this video, I'll guide you through the exciting new feature of the JetSmart Filters plugin: the Preloader Animation for listing grids. Learn how to enhance your website's user experience by adding dynamic loading animations to your listing grids using JetSmart Filters. I'll demonstrate the step-by-step process of enabling, customizing, and optimizing the preloader anim...
How to Create a Prefiltered Listing Grid
zhlédnutí 824Před 8 měsíci
Explore the magic of JetEngine's listing grid and JetSmart Filters! This tutorial walks you through creating filtered grids in Elementor using these powerful tools. Discover how to customize content displays and make it simpler for visitors to navigate. Learn to master Elementor's features alongside JetEngine and JetSmart Filters to craft user-friendly, personalized grids for your website!
How to Create a Registration Form With Email Verification | JetFormBuider
zhlédnutí 3,1KPřed 8 měsíci
Join me in this tutorial to discover how to streamline your website's user registration process effortlessly. Learn step-by-step how to craft a hassle-free registration form using JetForm Builder. Explore the power of creating a single-field registration without the need for users to set passwords. Simplify user onboarding and enhance your website's accessibility. Don't miss out on this tutoria...
How to Style Checkbox and Radio Fields in Elementor Forms
zhlédnutí 7KPřed 9 měsíci
get the code here: filenewcreate.com/elemento-code/ Learn how to customize and style checkbox and radio fields in Elementor forms with this comprehensive tutorial. Discover the step-by-step process to enhance your website's user experience by creating visually appealing and user-friendly form elements. Follow along as we explore various customization options and demonstrate practical tips for e...
How To Duplicate A Page In WordPress (code snippet)
zhlédnutí 226Před 10 měsíci
the code page: filenewcreate.com/elemento-code/ In this tutorial, discover a time-saving WordPress trick - duplicating pages effortlessly using code snippets. 🚀
Add Floating Labels To Your Elementor Form
zhlédnutí 1,4KPřed 10 měsíci
get the code here: filenewcreate.com/elemento-code/ Welcome to our latest tutorial! In this video, we'll dive into the world of web design and show you how to add a stylish and intuitive feature to your online forms - the floating label effect. Watch as we guide you step-by-step through the process of implementing this sleek design element, enhancing the user experience on your website.
How To Publish Posts From The Frontend In Wordpress(jetengine, jet form builder)
zhlédnutí 2KPřed 11 měsíci
get the code here: filenewcreate.com/elemento-code In this comprehensive WordPress tutorial, we'll show you how to seamlessly publish posts from the frontend of your website, making it easier than ever to manage your content. We'll be using powerful tools like JetFormBuilder and Jet Engine to achieve this functionality. 🔗 Timestamps: 0:00 - Introduction 0:32 - Creating the Form with JetFormBuil...
How to Customize Your Listing Grid Loading Animation(JetEngine, JetSmartFilters)
zhlédnutí 2KPřed rokem
code page: filenewcreate.com/elemento-code/ Welcome to our tutorial on customizing the loading animation of your listing grid using JetEngine. Are you tired of the same old loading animations? In this step-by-step guide, we'll show you how to give your listing grid a fresh look with a unique loading animation. Whether you're a fan of Lottie animations or want to create something entirely your o...
How To Add pagination To Your Listing Grid(jet engine, jet smart filters)
zhlédnutí 4,6KPřed rokem
prev html code: ‹ next html code: › Are you looking to enhance user experience on your website by adding an efficient pagination system to your listing grid? Look no further! In this tutorial, we'll guide you step-by-step through the process of integrating a dynamic pagination using the JetSmartFilters plugin. Pagination is a game-changer when it comes to navigating through extensive content li...
How To Turn A Form To A Thank You Message After Submission (elementor pro)
zhlédnutí 13KPřed rokem
How To Turn A Form To A Thank You Message After Submission (elementor pro)
How To Fix Annoying Keyboard Blocks Search Results On Mobile (jet search)
zhlédnutí 428Před rokem
How To Fix Annoying Keyboard Blocks Search Results On Mobile (jet search)
How To Delete A Post Including The Media Attached
zhlédnutí 1,3KPřed rokem
How To Delete A Post Including The Media Attached
Add Your Search Term To A Search Result Message (jet search, jet engine)
zhlédnutí 1,3KPřed rokem
Add Your Search Term To A Search Result Message (jet search, jet engine)
How To Add A Search Result Count To Your Results Page (jet search, jet engine)
zhlédnutí 4,4KPřed rokem
How To Add A Search Result Count To Your Results Page (jet search, jet engine)
(elementor form) Fill Out All Fields To Activate Submit Button
zhlédnutí 1,8KPřed rokem
(elementor form) Fill Out All Fields To Activate Submit Button
Magnify Effect For Your Slider( jet engins listing grid)
zhlédnutí 1,5KPřed rokem
Magnify Effect For Your Slider( jet engins listing grid)
How To Create An Unfold Widget With Elementor For Free
zhlédnutí 10KPřed rokem
How To Create An Unfold Widget With Elementor For Free
Add a Featured Image Column to Your Wordpress Dashboard
zhlédnutí 678Před 2 lety
Add a Featured Image Column to Your Wordpress Dashboard
How to create a taxonomy listing using jetengine
zhlédnutí 8KPřed 2 lety
How to create a taxonomy listing using jetengine
how to add an image to a category in wordpress (using jetengins meta boxes)
zhlédnutí 688Před 2 lety
how to add an image to a category in wordpress (using jetengins meta boxes)
How to change your header color on scroll with elementor pro (no css)
zhlédnutí 919Před 2 lety
How to change your header color on scroll with elementor pro (no css)
How to add a pulse animation to a button with elementor pro
zhlédnutí 9KPřed 2 lety
How to add a pulse animation to a button with elementor pro
Love your explanation and how you included other customization tricks!
thank you very much
thanks for the guide !
Amazing Content
huhuhuuu thank you so muchhh, i love youuu 😭😭😭
Great it works perfect, but how can i target the "responsive" option?
I hardly comment on videos but this video is super helpful and creating the elementor version just adds to the super value. Thanks so much
Thank you for this !
Thank you so much...
Hello, I'd like to get your opinion: is it feasible (or not worth the effort) to create a photo contest using Crocoblock plugins? The frontend photo upload and display seem fairly straightforward, but I think the biggest challenge would be setting up the voting system for individual photos. What are your thoughts? I'd appreciate any insights you can share. Thanks, and take care!
You can achieve this using a Data Store. First, ensure that the Data Store option is enabled in JetEngine. Create a new Data Store and name it 'Vote Count.' Select the 'Cookie' option, and very importantly, make sure the 'Count Items' option is also enabled. Next, use JetEngine’s Listing Grid to display the photos. In the listing, add a Data Store button that will record the number of clicks to the Data Store. you have the option for text befor clicking the button and after so for example Customize the button text to say 'Click to Vote' before it’s clicked and 'Unvote' after. When configuring the Data Store button, set the 'Action After an Item Has Been Added to the Store' option to 'Remove from Store.' This allows users to correct their vote if they click by mistake-clicking once adds their vote to the Data Store while clicking again removes it and undoes the vote. You can choose to display the vote count in the listing grid or use dynamic visibility to make the count visible only to the admin. Here's a video that demonstrates a similar system. czcams.com/video/VojIpSw5zdA/video.html
HI! Great video and channel. A question: what is the purpose of Remember Me in a registration form? It would only be useful in a login form, or am I wrong? Thank you
In the registration form I've created, there's an option to enable 'Login User After Registration,' so the form essentially acts as both a registration and a login form. The 'Remember Me' option should only appear if you enable this feature. When selected, it keeps users logged in for a longer period-14 days instead of the usual 2 days-without having to re-enter their credentials each time they visit the site.
Good evening, dear author. I always enjoy watching your content with great pleasure. I am especially interested in Crocoblock together with Bricks Builder. I really like your presentation of the material. But I am very stuck on one problem. If I may, here is my problem: I have two CPT on my site created with Jet Engine. 1. Team 2. Player Between them there is a link - many to many which has Meta field - season (Season in which the player was in the team) That is, linking the player to different teams, I am linked to the season (season is created through - glossary). Basically, I want to achieve the following: 1. In the profile of the team to display a filter where users will be able to look at the composition of the team for different seasons (when loading the page should be active current season - for example 2024-2025) Then in the selector can select other seasons and look at the composition of the team of previous years. 2. In the profile of a player, I want to display - his career (as an example, a list or table containing the following data in a row: Team Logo, team name, season to which this team is linked. For me, this is a very difficult but important task! I will be very grateful for any help! I think it will be an interesting challenge for you and mature content for subscribers. Thank you, and I hope for a reply.
The scroll bar works in desktop and tablet. But in phone device wont appear. Even adding more elements
did you change the container direction in mobile view? try using my template filenewcreate.com/vertical-scrolling-container-2/
how did you get that tab filter option? also is it possible to make attribute variation filters?
The filter type is a checkbox with styling applied to it(makes it look like tabs). Here’s an article on how to filter WooCommerce products by attributes. crocoblock.com/knowledge-base/jetsmartfilters/jetsmartfilters-how-to-filter-woocommerce-products-by-attributes/
@@crocomentor no, actually what I asked was do you know a way to get the variation filters in a separate tab manner? (Each variation like a button) Instead of selecting from a dropdown or check in a checkbox.
This was very useful, thanks a lot
plz help it's not working help i need it for team members paage
use my template(just delete the version u dont want to use) filenewcreate.com/unfold-template/
THANK YOU!!! small question, Is there a way to change how steps progress bar works ? so it starts from Zero ? because when u add step it shows 33% and goes 100 before send is pressed... which is completely wrong UX
doesn't it work for gutenberg too? thanks for your Work
it doesn't, only with Elementor
@@crocomentor thanks 🙏
Awesome design, i really wanna use it, but for some reason only the simple and the checkbox code is working on my site. I want to use the image version, but nothing happens when adding the code. Can someone help me please?
did you give an id (to the field) and css class to the form?(watch the third version again) prnt.sc/uj3jbjShmGfZ prnt.sc/Aj_5XViJ1C6-
@@crocomentorthank you soo much, i skipped to the 4. part and missed that information 😅
Thank you very much, and long live you.
Thanks a lot! Marvelous tutorial as always.
How have I not come across your channel before?!? My preferred tools are Elementor and Crocoblock, so this is brilliant - thank you! Also saw in your bio you're based in Israel, sending much love and support to you and your loved ones.
Welcome to the channel! Thank you so much for the kind words! I'm glad you found the content useful. Elementor and Crocoblock are fantastic tools, and I’m happy to share tips on them.
Superb tutorial. Especially because it's fast and without all kinds of unnecessary nonsense. Thumbs up!
Thanks a lot!
Great tutorial. Thanks
Great and it worked now my question is can we add horizontal scrolling for mobile devices?
Mine disappears but dont show up the thnk you... Just an empty box what should i do?
You can check out this page with the effect in action: filenewcreate.com/form-2-message-demo/. Give it a try and see if it works for you. If it does, it might indicate that something wasn't set up correctly in your case. You can also download my template and use it to ensure everything is set up properly.
I have two forms. The second form takes presets from the first form. I have a textarea field in the first form which I need it to be converted into a checkbox field in the second form (One line in the textarea field becomes one checkbox field in the second form). Can you direct me to the resource which can help me do this even if it is a code?
nice but it's dosn't work on mobile ??
try it on my page does it work for you? filenewcreate.com/form-2-message-demo/
Awesome guide! Works for posts. Any idea on how to order by random for user query, i have spent hours & hours on it, no solution.
Fantastic tutorial, really like your style for explaining how it works. Clear and quick. Many thanks :)
Hey Champ! I need your help with jet engine Can you help me please?
Your video is the only video which makes it possible for me to design like it, thank you so much. Hope to see more fun and creative ideas for Elementor widgets.
Is there a way to show or hide a listing grid header depending on whether or not the grid has any content? Eg; I have two listing grids on a page. Above Listing Grid 1, I want a header saying 'Available Now'. Above Listing Grid 2, I want a header saying 'Coming Soon'. But if there are no posts in the Coming Soon grid, I want the Coming Soon heading to dissappear. Thank you.
watch this video czcams.com/video/bKcR-kIOSiA/video.html
To me it just works when I'm logged in, what's missing?
It should work whether you are logged in or out. Ensure the page with these effects is not restricted to logged-in users only
@@crocomentor I understood why: there were "custom messages" turned on within Elementor form.
I was wrong, the bug persists event with "custom messages" turned off. 😕
try creating a brand new page and use my template see if it will work filenewcreate.com/form-2-message-demo/
I can't upload ("Invalid template type" message)
Can you guide me how to setup a back to the top inside a container with scroll enable?
try this: filenewcreate.com/scroll-con-top/
Great tutorial, thank you. Here is the minor issue I'm experiencing and an example. I have a large hero image with a text container on the left side of the page that uses your code to expand the text. When the webpage initially loads, the entire length of text flashes all the way open and then closes up. Is there a way to prevent this flash of all the text as the page loads. Im using WP rocket to speed up the site, I thought I would mention that in case you're aware of a conflict that might cause this minor issue. Thanks
Thank you for pointing that out. I understand the issue you're experiencing. It's a bit tricky to address, but you can try using the code below. This approach might still cause a minor jump; however, it will initially display a minimized version before transitioning to the closed state. Give it a try while I work on finding a more seamless solution. Here’s the code: <style> /* Initially hide the text editor */ .your-text-editor-selector { display: none; } </style> <script src="code.jquery.com/jquery-3.6.0.min.js"></script> <script> jQuery(document).ready(function($) { // Initial state var isExpanded = false; var $textEditor = $('.your-text-editor-selector'); // Ensure this is your actual selector var $button = $('.your-button-selector a'); // Ensure this is your actual button selector // Apply initial height restriction $textEditor.css({ 'max-height': '100px', 'overflow': 'hidden', 'position': 'relative' // Add relative positioning }); // Add gradient overlay pseudo-element $textEditor.prepend('<div class="gradient-overlay"></div>'); // Apply gradient overlay style $('.gradient-overlay').css({ 'position': 'absolute', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%', 'background': 'linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 50%, transparent 100%)', 'pointer-events': 'none' // Allow clicks to pass through the overlay }); // Reveal the text editor after applying initial styles $textEditor.show(); // Button hover effect $button.hover( function() { $(this).css('cursor', 'pointer'); // Set cursor to pointer on hover }, function() { $(this).css('cursor', 'auto'); // Reset cursor to default when not hovering } ); // Button click action $button.click(function() { if (isExpanded) { // Collapse $('.gradient-overlay').show(); // Show the gradient overlay $textEditor.animate({maxHeight: '100px'}, 500); // Animate height change isExpanded = false; $button.text('read More'); // Optionally change button text } else { // Expand $('.gradient-overlay').hide(); // Hide the gradient overlay var fullHeight = $textEditor.prop('scrollHeight') + 'px'; $textEditor.animate({maxHeight: fullHeight}, 500); // Animate height change isExpanded = true; $button.text('read Less'); // Optionally change button text } }); }); </script>
On mobile, is there a way to make it scroll up the rest of the page when you get the bottom of the section. I find you have to click outside the box to get the page to scroll up after u hit the bottom of the section. Don't think most users would know to do that on mobile.
try this: filenewcreate.com/scroll-con-top/
I can't find the option of jet Engine
JetEngine is a plugin from Crocoblock. Just make sure it's installed on your computer crocoblock.com/plugins/jetengine/
Great little tutorial and code! In addition the webkit CSS code did nothing in the custom CSS of the container for me. I had to put it in my Theme's custom CSS to get it to respond. Just a tip for people who also had the same problem.
Thank you so much for this tutorial! Saved my life!
i have a question, there is a 'Brands' type post below your custom post type, i want to know if that is taxonomy or how do we create that
yes its a taxonomy, check this video out: czcams.com/video/QvIQhFTr_aQ/video.html
your button doesn't work bro, fix your site first please
it does work on my end, but here is the code: .scrollcon { max-height: 40vh; /* Set the maximum height of the container to 60% of the viewport height */ overflow-x: hidden;/* Prevent horizontal scrolling */ overflow-y: scroll;/* Enable vertical scrolling within the container when content exceeds its height */ border: 1px solid #ccc; /* Border style for the container */ border-radius: 10px; /* Applies a border-radius to the scrollbar track */ } .scrollcon::-webkit-scrollbar { width: 14px;/* Sets the width of the scrollbar */ } .scrollcon::-webkit-scrollbar-track { background: BLACK; /* Sets the background color of the scrollbar track */ border-radius: 10px; /* Applies a border-radius to the scrollbar track */ } .scrollcon::-webkit-scrollbar-thumb { background: blue; /* Sets the background color of the scrollbar thumb */ border-radius: 10px; /* Applies a border-radius to the scrollbar thumb */ }
Awesome thanks, is it possible when i click on the labels, it's go to the respective inputs ?
Fantastic tutorial video! Thanks for being so thorough. You answered all my questions.
Hey! Thank you for your tutorial. However, the media field placeholder is not removed after uploading an image. Any idea why?
Yeah, I see what you're saying. I'll make sure to fix that up in the future. In the meantime, here's another option you might like even better. Check out the CZcams video here:czcams.com/video/lOghzLiR73Q/video.html. Thanks for letting me know!
Amazing. Code working smoothly
But when i click the these grid, it directs me to archive that can't be edited, that looks terrible 😭😭 how can i customize this tag archice??
I made inside a loop item but as the component repeat it self inside de page it opens just fine but everytime I click on the button the page scrolls to the top. Do you have any idea how to fix? And thank you so much for this content.
To fix the jump, delete the hashtag in the button link field. prnt.sc/nuyjSP2tdR7R
@@crocomentor It worked, thank you so much!
You're welcome!
@@crocomentor Hey another one - I use this to create a loop item, and then apply the taxonomy filter (example of options in the filter: All, A, B, C) When is on all that is default and the first one it works perfectly but when I select the option A at the filter does not work anymore (I make the hover version). The url changes when the filter it's applied. Dont know if that could be a problem.
Unfortunately, the unfold effect doesn't work well inside loops, but this is what you can try doing:elementor taxanomy filter doesnt have a reload option only ajax so You need to create a taxonomy filter with JetSmartFilters and set the apply type to 'reload'. Don't forget to toggle on the 'show apply button, it should work prnt.sc/AQbZxDHtwgBg
Great stuff! Thanks a million!
How do we install your Unfold template once we've downloaded it?
filenewcreate.com/elementor-21164/
@@crocomentor Very helpful. Thanks so much.