Module 6 - Lesson 11

Working with jQuery plugins

In this lesson, I’d like to give you a walkthrough on how to make use of jQuery Plugins when working with Divi. There are so many plugins created for jQuery which we can find and use within our websites. And to make it work we’d usually follow the same steps – install the plugin JS file, add plugin CSS and then make sure our HTML structure matches the plugin requirements – finally use the plugin documentation to trigger its functionality.

In this video, I’ll walk you through how to display any Divi section as a Popup with Magnific Popup script and how to display Divi modules within a carousel using a popular jQuery Slick script.

Video Chapters

00:00 Introduction

00:43 Downloading and Installing jQuery Plugins

02:30 Using a Magnific Popup Plugin

08:08 Initializing the Popup

11:13 Testing and Customizing the Plugin

12:29 Slick - jQuery touch carousel

13:33 Integrating the plugin in Divi

17:41 Initializing the Slider

19:26 Customizing Plugin Settings

Join the discussion

Share your thoughts about this lesson with fellow students!

Login to your Account

If you're a DSA Student, please log in to your account to access the course content.

Sorry, you don't have access to this content.

It looks like you're not enrolled in Divi Stylist Academy.