To make Gallery Section Popup appear when users click an Image, you can follow these.
#1. First, create a Page in Not Linked.
With Name/URL: Content Lightbox – /content-lightbox
#2 . Edit Content Lightbox page > Add 3 Gallery Sections > Then find ID of 3 Gallery Sections
In my example, we will have:
- Gallery section 1: section[data-section-id=”67b856a668f8f46f9fae079a”]
- Gallery section 2: section[data-section-id=”67b856b26168aa19701f6e28″]
- Gallery section 3: section[data-section-id=”67b856b98c2039685c917bae”]
#3. Edit Images where you want to make Gallery Section Popup appear > Edit 3 Images > Add URL > Use this URL format.
Make sure “Open in New Tab” is disabled
Image 1: #wm-popup=/content-lightbox[data-section-id=‘67b856a668f8f46f9fae079a’]
Image 2: #wm-popup=/content-lightbox[data-section-id=‘67b856b26168aa19701f6e28’]
Image 3: #wm-popup=/content-lightbox[data-section-id=‘67b856b98c2039685c917bae’]
#4. Install Popup Plugin
Plugin will give you some code to Code Injection > Header
and Footer
#5. Result
When users click Image 1 >> Gallery Section Popup 1 will appear
When users click Image 2 >> Gallery Section Popup 2 will appear
When users click Image 3 >> Gallery Section Popup 3 will appear
