How to Insert Divi Modules or Rows inside Other Divi Modules without a Plugin
Вставка
- Опубліковано 26 лип 2024
- If you have been a Divi user for a while, the thought of inserting a Divi Module (or Row) inside of another Module may have crossed your mind. In most cases, if you know how to use Divi proficiently, this sort of thing isn't really necessary.
Divi Modules are already powerful elements packed with features and built-in design settings. But, sometimes it would be nice to enhance these features by designing two modules using Divi and then inserting one into the other. One good example of this would be inserting a module (like a contact form) into a toggle module so that the form will show when clicking the toggle.
In this tutorial, we are going to share how to insert Divi Modules or Rows into another Divi Module. To do this requires adding a few small snippets of JQuery. Once the code is in place, we can use the Divi Builder to add the appropriate CSS classes to target the elements we want to insert/move and the module we want to put them in.
Read more: www.elegantthemes.com/blog/di... - Навчання та стиль
Elegant Themes please add the feature to drag and drop divi modules into other divi modules. For example, in a toggle you may want text + map + a button. This opens a doorway to creativity.
This would be perfect, I really think they will add this in the future
@@mistakoruto @Luke Moore +1 over here, too. There is a feature request on this, but no one (I will do a replay after this one) replayed on it since 2018 -> www.elegantthemes.com/forum/viewtopic.php?f=22&t=890300&p=4877488
and here another one ... maybe we all can push this a little bit more : ) -> www.elegantthemes.com/forum/viewtopic.php?f=22&t=885153&p=4851880
Hey guys, I am going to do the following to push this idea: 1. I just sent a message to Elegant Themes live chat. 2. I'm joining the Facebook Group Divi Theme Users and will discuss it there. 3. Try to get more people to gather around this idea for the future of Divi which we can help shape.
@@WatchLukeMoore I already put this message to Elegant Themes Chat in user zone:
Hello.
Divi Theme Builder and Theme Builder are great. I would like to react to videotorial
"ua-cam.com/video/5_dJSe9O5GE/v-deo.html&lc=z233xhr4anrauvnvbacdp431yy4yrthwewh5sm3yyf1w03c010c.1622475410760810"
which covers something VERY NEEDED, as you can see from comments under that video tutorial.
People need "Inserting Divi Modules or Rows inside Other Divi Modules without a Plugin or without CSS/HTML/Java Scripts.
Inserting Divi Modules or Rows inside Other Divi Modules like a drag-and-drop functionality is needed.
It Looks like in Elementor it is real, somebody wrote it in another discussion below this post in words (no Video post), so if Divi wants to compete Elementor, it should implement it very soon.
Many users of Divi will very appreciate it.
Many, thanks, you do a great job.
Peter,
lifetime member
This really needs to be a drag and drop/wysiwyg feature that doesn't need any code. Especially being able to put a row inside of another row.
Thanks so much for sharing! I was able to use this for toggles within tabs and it works great. I was using a button class for Open All/Close All Toggles--I added this class with a space between original button class and it works perfectly. I'll be using this with other modules. Hope one day soon Divi will feature drag and drop functionality for this. 😉
THIS IS AMAZING. Do more tutorials like this please!!
Really helpful, thanks.
Super useful and very well explained!
I love your tutorials and your voice, I just wish you would make one tutorial, where you teach how to make the contact form work and actually send emails/messages, I know I’m not alone. This is a bit like performing a plastic surgery on a dead patient.
Here is tutorial that helps with all the things for the contact form itself: www.elegantthemes.com/documentation/divi/contact/
I have never heard analogy so accurate.
Nice... really helpful.
Thanks for a video.
Why is DIVI contact form is still without consent checkbox under the form (DGVO, privacy, terms and so on)? It is already more than two years as it is a default in each contact form, but not by DIVI, so I need to by another module for this.
Wow! Thanks!
Our pleasure!
can we do this using an accordion instead of a toggle module. I tried but couldn't get the accordion to work...
How can I implement this with an Accordion Module?
nice bro 👍
Thanks
Hi Mak, thanks for this wonderful tutorial. I just want to ask one question. Do I have to add the code in each section if I plan to use the Row in Toggle Module in multiple sections on the page?
Hi did you find a solution for this? Im trying to use multiple sections now.
How can change the time and the effect to open or close of a toggle tab?
Where are you getting the codes to paste in for the form in beginning of this lesson?
Great! Is it possible to add a gallery inside of accordion the same way?
I twould be great if it did not need those CSS and Java scrips things, but drag-and-drop only :-) Such a functionality would be much needed.
Could it be possible to nest a toggle module within a toggle module? For example, let us say that you had a toggle module offering broad information about social service programs available to Canadians. Would it be possible to then nest multiple toggle modules inside that main toggle module that could pertain to detailed information about specific programs? Similar to how you create folders inside of folders.
Yes, this works for what you described. I was just trying it out, but the one caveat I found is that when you open the main toggle, it opens all the nested toggles as well. Hoping to find a solution for this.... (if anyone comes across this ;0)
Where did you copy the "blog code" from? Please help- thanks!
Never mind- I found it the article you referenced. Thank you!!
what if i wanted to place a blurb inside a call to action
how will u do it in a tab module?
omg. I bought Divi, so I don't need to write JS and whatnot on my own. But, there's no built-in solution for everyday task like this in Divi
feel EXACTLY THE SAME WAY!!! bought expensive visual builder JUST TO do coding to insert items inside items... it's so BAD
I've been trying for an hour. It does not work.
Hi there! 👋
If you have any questions, feel free to create a ticket with the Support Team:
www.elegantthemes.com/members-area/
is it me or does this have nothing to do with inserting divi modules or rows inside other divi modules?
Based on other comments it looks like it only works with toggle. Pretty lame.
I did it with tabs and is not working
Hi
Unhelpful.
Divi is so clunky - I prefer Elementor
Divi is really a dumb theme and builder. Because elementor is rocking in 2024