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
    • JetEngine
    • JetPopup
  • Category
    • Popup
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

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
    • JetEngine
    • JetPopup
  • Category
    • Popup
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it