This isn’t a technique that you’re likely to use on every site, but it’s one of those techniques that, when you need it, you’re going to love the fact that you have access to it. And, as always with Cracka’s trainings, you’ll learn a lot of daily-use stuff along the way.
This technique is best for loop-based modal content on pages where there’s a lot of content and you don’t want multiple instances of the modal or content to have to load.
00:00 – Introduction
10:14 – setting up the loop page
16:02 – Bricks pop up method
33:40 – Fetch data method
35:57 – Add the close button
41:50 – Preview button
42:32 – Fetch container
47:10 – Next/Prev buttons
55:07 – Add data-id to button and quick view container
59:02 – How the Javascript works
1:03:15 – Adding Javascript for quick view
1:05:05 – Add meta data to quick view page
1:05:59 – Continue Javascript
1:28:50 – CSS for quick view
1:38:39 – Javascript for next/prev buttons
1:53:48 – Make responsive
1:52:15 – Support for left/right keyboard keys
1:59:56 – Conclusion
