Click List Section button > Show lightbox

Suppose you have a List Section (Simple List, Carousel, Banner Slideshow) with 3 items: Monet Goode, Emmett Marsh, and Eleanor Parks.

  • When hover on button > Fade color
  • When click on button > Show an autoplay video in Lightbox

Click List Section Button Show Lightbox 01 Min

You can follow these steps to achieve the effect

#1. In Not Linked > Create 3 Blank Pages with Name/URL

  • Monet Goode – /monet-goode
  • Emmett Marsh – /emmett-marsh
  • Eleanor Parks – /eleanor-parks

Click List Carousel Items Show Autoplay Video 03 Min

Click List Carousel Items Show Autoplay Video 04 Min

Click List Carousel Items Show Autoplay Video 05 Min

Click List Carousel Items Show Autoplay Video 06 Min

#2. Edit 3 pages > Add Classic Section > Add Video Blocks > Enable Autoplay Option

(If your site doesn’t support Classic Sections, you can add sections as you normally would)

Click List Carousel Items Show Autoplay Video 07 Min

#3. Enable List Section Item Buttons

Click List Carousel Items Show Autoplay Video 08 Min

#4. Edit List Items (Monet Goode, Emmett Marsh, Eleanor)

Click List Carousel Items Show Autoplay Video 09 Min

#5. Paste these URLs

  •  #lightbox_monet-goode
  • #lightbox_emmett-marsh
  • #lightbox_eleanor-parks

and make sure the Open Link in New Tab is disabled

Click List Carousel Items Show Autoplay Video 10 Min

Click List Carousel Items Show Autoplay Video 11 Min

Click List Carousel Items Show Autoplay Video 12 Min

#6. Install Lightbox Plugin
The plugin will ask you to add some code to Code Injection – Footer, something like this.

Click List Carousel Items Show Autoplay Video 13 Min