<p>With this MODX Revolution package you can generate a xPDO where clause on base of request parameters. This where clause can i.e. be used as pdoRessources or getResources where property.</p>

Thomas Jakobi

FilterWhere

Multi-row image slider with customizable features

Example 1

Example 2

Example 3

Example 4

Experience a vibrant display of visuals with the multiple rows feature in the Multi-Row Slider. You can effortlessly add many rows, each showcasing a series of images moving in a direction opposite to its adjoining rows. This creates a fascinating and cool effect on your website, potentially making the visual content more engaging for users.

Experience Multi-Row Displays with the Multi-Row Image Slider

Enhance user interaction with the Multi-Row Image Slider's "Stop on Hover" functionality. This feature allows users to hover over an image to pause the sliding motion temporarily, offering them the opportunity to view an image in more detail. This thoughtful addition caters to users' convenience, enabling a more leisurely and controlled browsing experience.

Hover-and-Hold Feature

Make the most of the Multi-Row Slider’s ability to incorporate links into each image. This feature serves as a gateway to additional content, encouraging users to explore further and engage more with your website. It's a user-centric addition that can potentially elevate the browsing experience, offering more depth and information with a simple click.

Link-Enabled Images

Offer users a bespoke browsing experience with the Multi-Row Image Slider's sliding speed control feature. This functionality enables you to dictate the speed at which images transition, providing an adaptable visual journey that can be modified to suit the overall ambiance of your website. It's a nuanced tool that allows you to fine-tune the user experience to perfection.

Customize Sliding Speed

The Multi-Row Image Slider widget is fully adaptable to your website's specific aesthetic needs. It allows you to modify various elements such as colors, fonts, and spacing to harmonize seamlessly with your existing design. Leveraging this feature, you can create a distinct visual appeal that resonates with your brand, enhancing the browsing experience on your website without the need for extensive technical know-how.

Tailorable Multi-Row Image Slider Design

Experience the versatility of the Multi-Row Image Slider, designed to deliver a consistent and seamless user experience across all devices, including desktops, laptops, tablets, and smartphones. In an era dominated by mobile browsing, this feature ensures that your website remains user-friendly and ahead in terms of functionality and design. Utilize the Multi-Row Slider to offer your visitors a swift and intuitive navigation experience, irrespective of the device they use.

Device-Responsive Multi-Row Image Slider

Implementing the Multi-Row Slider is a hassle-free process, requiring no coding expertise. Its user-friendly dashboard, complete with a drag-and-drop feature, facilitates easy customization with just a few clicks, making it a breeze to incorporate into your website and enhance the user engagement levels.

Easy To Use slider

Unleash your creativity with the Multi-Row Image Slider's custom CSS functionality. Whether you're a seasoned developer or someone with a knack for design, this feature grants you the autonomy to tweak the slider further to truly align with your website's theme. From adjusting the slider's dimensions to crafting entirely new styles, the possibilities are vast, helping you to forge a unique and engaging user experience on your site.

Multi Row Image Slider Custom CSS

Embedding the Multi-Row  Slider onto your website is a straightforward process, involving just the copy-pasting of a single line of code. This method not only facilitates easy integration but also automatically implements any changes you make to the slider, ensuring a continually updated and enhanced user experience. The ease of embedding means you can swiftly incorporate the Multi-Row Image Slider into various sections of your website, enhancing its visual appeal and functionality.

Easy To Embed Multi-Row Image Slider widget

The Multi-Row Image Slider offers an enriching visual journey for the users who visit your website. By engaging with contrasting slide directions, users are likely to find a renewed interest in browsing through the content showcased. This unique user experience could foster a positive and memorable interaction with your website, encouraging repeat visits.

Enhanced User Engagement with Multi-Row Image Slider

Implementing the Multi-Row Image Slider could be a significant upgrade to the aesthetic appeal of your website. Users can enjoy a refreshing change from the standard image sliders, as they navigate through rows of images that slide in opposite directions, offering a novel visual treat that is as pleasant as it is unique.

Aesthetic Enhancement with the Multi-Row Image Slider

Embrace the art of visual storytelling with the Multi-Row Slider. It allows users to follow a visual narrative with more interest and engagement, possibly leading to a richer and more satisfying browsing experience. Its distinctive structure serves as an innovative platform to portray your content in a visually captivating manner, enhancing the user's connection with the material displayed.

Use a Multi-Row Image Slider for Visual Storytelling

Use the Multi Row Image Slider widget when you want to display many images in a dense, gallery like format while still offering movement and hierarchy. Multiple rows inside a slider let visitors see several visuals per slide, which is ideal for catalogs, inspiration boards, and brand collages. This design keeps the section compact while avoiding the flat feeling of a static grid. Users can browse horizontally through sets and visually compare groups. It works especially well for visual first industries such as fashion, interior design, travel, and creative agencies that want to show breadth without losing control of layout.

Multi-Row Image Slider

Get Creative

Images & Galleries

Add interactive areas on images that reveal extra information when clicked or hovered over.

Example 5

With Common Ninja’s Image Hotspot Widget, every hotspot can become a conversion opportunity.
Add custom links to any product page, section, or external UR, so when users click an interactive marker, they go exactly where you want them to.

Use Cases:
Highlight shoppable areas on product images.
Link hotspots on a map to location pages.
Direct users from a visual diagram to related content.

This seamless linking not only improves user experience (UX) but also increases click-through rates (CTR) and conversions, all without code.

Make Any Hotspot Clickable and Link It Anywhere

Make your visuals fit your brand style.
The Image Hotspot Widget includes 10 professionally designed icon styles, allowing you to:
Match your design’s tone (modern, playful, minimal, or elegant).
Use consistent visual language across your site.
Differentiate categories or product types visually.
Each icon is scalable, responsive, and customizable, ensuring it looks perfect across desktop and mobile.
For advanced users, you can even apply custom CSS styling for total creative freedom.

Choose From 10 Sleek, Customizable Icons

Motion attracts the human eye, and Common Ninja’s Image Hotspot Widget lets you use that principle strategically.
Add gentle animations to your hotspots to make them stand out and guide user attention naturally toward key details or clickable areas.

Benefits of Animated Hotspots
Highlight important features or products.
Encourage interaction and exploration.
Increase click-through rates through motion cues.

Smooth animations make your visuals feel alive without being distracting, a balance proven to improve visual engagement and dwell time across modern websites.

Draw Attention with Subtle Hotspot Animations

Want to make your content more dynamic? You can embed videos directly inside hotspot tooltips.
This adds a powerful visual storytelling layer and helps explain complex ideas effortlessly.

Ideal For:

Product demos and tutorials.

Educational visuals and training materials.

Interactive tours or infographics.

Videos reduce text clutter and increase engagement — studies show that viewers retain 95% of a message when watched in a video, compared to only 10% through text.
Adding this feature helps users understand your content faster while keeping them immersed.

Add Videos Inside Tooltips for Richer Interactivity

Tooltips are where your story lives, and with Common Ninja, they’re completely customizable.
You can change tooltip colors, fonts, borders, icons, and animations to perfectly align with your site’s branding.

Use Tooltips To:
Explain specific image parts or features.
Display short product descriptions or prices.
Add contextual details to maps, infographics, or learning visuals.

By matching your tooltip style to your website aesthetic, you create a consistent, polished user experience that feels fully integrated with your design, not an external add-on.

Customize Tooltip Design for a Cohesive Look

Every element of the Common Ninja Image Hotspot Widget is fully customizable to reflect your brand identity.

You control:
Colors, fonts, and tooltip designs.
Hotspot animations and icon styles.
Layout, spacing, and text alignment.
Advanced styling through custom CSS editing.

Whether your brand aesthetic is clean and modern or classic and detailed, you can tailor the widget to match seamlessly.
Your interactive images will feel like a natural part of your website — not a plugin add-on.

Fully Customizable - Match Your Brand Perfectly

Today’s visitors browse from everywhere, desktops, tablets, and mobile phones.
That’s why Common Ninja’s Image Hotspot Widget is built to be 100% responsive, adapting automatically to any screen size or resolution.

What This Means for You:
Your hotspots resize and reposition perfectly on every device.
No extra coding or manual adjustments required.
Faster load times and seamless UX, optimized for Google’s Core Web Vitals.

A responsive design doesn’t just look better, it helps your site rank higher, keeps users engaged longer, and ensures your interactive images perform flawlessly across all platforms.

Fully Responsive Across All Devices

Building interactive images has never been easier.
With Common Ninja’s drag-and-drop dashboard, you can create, edit, and style hotspots in just a few clicks, no coding or technical knowledge required.

Ease-of-Use Highlights:
Intuitive visual editor.
Real-time preview and instant embedding.
Works on all major platforms (Shopify, WordPress, Wix, Webflow, and more).

Whether you’re a designer, marketer, or store owner, you can bring your images to life quickly, saving development time and maintaining full creative control.

No Coding Needed - Built for Simplicity

Want pixel-perfect control over your design?
With Common Ninja’s advanced editor, you can customize everything, from colors, icons, and typography to spacing and animations.

For even deeper customization, you can use Custom CSS to style tooltips, transitions, or hover effects exactly the way you want.

Use Cases:
Match the widget precisely to your brand’s style guide.
Adjust icon positioning or tooltip behavior.
Add subtle animations using CSS transitions.

This flexibility makes the widget ideal for both non-coders and developers, simple to start, powerful to master.

Advanced Custom CSS for Full Creative Control

Adding the Image Hotspot Widget to your website takes seconds.
Simply copy the auto-generated code snippet from the Common Ninja dashboard and paste it into your site’s HTML, that’s it.

The widget integrates seamlessly with:
Shopify, WordPress, and Wix
Webflow, Squarespace, and Elementor
Any custom-coded HTML site

Every time you make a change in your Common Ninja dashboard, your widget updates automatically, no need to re-embed or manually refresh.

This self-updating integration ensures your site always displays the latest version of your interactive content, saving you time and maintenance effort.

Embed Easily on Any Website — No Code Needed

Turn static visuals into clickable, dynamic experiences.
With Common Ninja’s Image Hotspot Widget, you can add interactive markers to any image, from product photos to infographics, allowing visitors to click and reveal details, videos, or links.

This simple feature encourages users to explore, interact, and stay longer on your page, boosting both engagement rates and conversion potential.

Add Interactivity to Any Image

Need to explain what’s inside an image without cluttering it?
The Image Hotspot Widget lets you attach text, links, or media in clean, minimalist tooltips that appear only when users hover or tap.

It’s perfect for: Product images with specifications or price tags,  Maps highlighting location, Diagrams that reveal extra context.

This keeps your visuals clean while still providing context-rich information.

Add Information Without Blocking the View

Visual storytelling is key to engagement and Common Ninja’s Image Hotspot Widget helps you do just that.

E-commerce stores, educators, and designers can showcase multiple products, learning points, or features within one interactive image. Add hotspots to show descriptions, prices, or embedded videos, letting users explore your story in their own way.

By integrating interactive visuals, you create a deeper, more memorable experience that encourages curiosity and increases user retention.

Tell Stories Visually and Intuitively

Use the Image Hotspot widget when your content depends on visuals and you want people to understand details without reading long instructions. It lets you attach short, clear explanations directly to specific areas of a product photo, illustration, map, or diagram, so context never gets lost. Visitors can explore at their own pace, focusing only on what matters to them. This reduces confusion, cuts support questions, and turns a single image into a guided experience that feels structured and intentional. It is especially useful for feature tours, product breakdowns, galleries, and any page where you want to explain what users are seeing in a precise and interactive way.

FilterWhere

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Multi-Row Image Slider

Image Hotspot

extras You Might Like

CKEditor

PDFResource

AddressManager for Commerce

Articles

JaneyAI

LudwigQRCode

cssSweet

GoogleCloudStorage

Yandex.Sitesearch Pinger (MODx Revo)

SEOhide

Discover the best apps for your website

Common Ninja Search Engine

FilterWhere

MODX extra

App Details

Pricing

Check Out the Multi-Row Image Slider Widget

App Info

Some of the best Common Ninja extras for MODX

Multi-Row Image Slider

Image Hotspot

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine