Open Popup at the Right Slider Item
This snippet auto-navigates popup sliders to the exact image or item clicked in JetEngine Listing Grids, ideal for photo galleries, product showcases, and testimonials.
Specifications
Open Popup at the Right Slider Item
21 September, 2025
-
Plugin
-
Category
-
Programming languages
Installing Instruction
- Copy the provided JavaScript code snippet to your clipboard.
- Add the code using one of the following methods:
-
Option A: Using a Custom Code Plugin (Recommended)
- Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
- Create a new JavaScript snippet.
- Paste only the JavaScript code, without <script> tags.
- Save and activate the snippet.
-
Option B: Using a Custom Code / HTML Area
- Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
- Keep the <script> tags when using this method.
- Save your changes.
-
Option A: Using a Custom Code Plugin (Recommended)
Example Use Case
Use this snippet whenever you have a popup with a slider (gallery, product showcase, portfolio, testimonials, etc.) and want it to open directly on the clicked item, instead of always starting from the first slide.
Applicable scenarios:
- E-commerce stores — open the product popup on the exact product image the customer clicks.
- Real estate websites — show the selected apartment or house photo in the popup gallery.
- Travel & booking sites — jump straight to the clicked hotel room or tour package slide.
- Photography & art portfolios — highlight the exact photo or artwork without making users scroll.
- Testimonials or case studies — open the slider on the specific review or project selected.
Specifications
Open Popup at the Right Slider Item
21 September, 2025
-
Plugin
-
Category
-
Programming languages