The module allows you to monitor the behavior of your customers on the store page.

mkrivickiy

SEO Heat Map

Unleash creativity with a unique blend of grid gallery and carousel slider. Customizable, user-friendly, and mobile-optimized.

Example 1

Example 2

Example 3

Example 4

Example 5

Introduce an element of dynamism to your image display with our unique carousel feature. This format breathes life into your grid images, creating a striking visual experience for your site visitors.

Experience a Carousel Spin on Grid Images

Tailor your gallery to align seamlessly with your website aesthetics. Our range of grid layouts offers you the flexibility to choose a structure that both highlights your images and fits your site's overall design.



Choose from a Variety of Grid Layouts

Empower your site visitors with the ability to interact directly with your image gallery through the drag-and-move option for the carousel. This feature not only enhances user engagement but also allows users to navigate your gallery at their own pace, creating a more personalized and enjoyable browsing experience.

Drag-and-Move Carousel Option

Boost the user experience on your website by adjusting the speed of the drag animation in your image carousel. This feature allows you to control the pace of image transitions, providing a smooth and enjoyable browsing experience tailored to your audience's preferences.

Enhance User Interaction with Customizable Drag Animation Speed

Further customize your image carousel with the option to select from a variety of drag icons. This feature enables you to align the carousel controls with your website's design and branding, creating a cohesive and visually appealing user interface.

Personalize Your Carousel with Custom Drag Icons

Offer your visitors a deeper look at your images with a full view in a pop-up, complete with captions and descriptions. This feature allows you to provide additional context and detail, enriching your audience's understanding and engagement with your content.

Engage with Detailed Pop-up Views

Select the scrolling orientation that best fits your website design and user interaction. This feature gives you control over the flow and direction of your image display, enhancing the user experience.

Scroll Direction: Horizontal or Vertical

Cater to a diverse global audience with our Right-to-Left (RTL) support. This essential feature ensures that your image carousel is accessible and user-friendly for those using RTL languages, demonstrating your commitment to inclusivity and a superior user experience for all.

Embrace Global Accessibility with RTL Support

The Image Grid Slider widget boasts comprehensive customization options, allowing you to modify the design to suit your preferences. Adapt the colors, fonts, grid spacing, and more to your liking! Fine-tune these elements to craft a user experience that not only enhances your website's appeal but also reflects your unique brand identity and aesthetics.

Fully Customizable

The Image Grid Slider widget is fully responsive and provides an impressive visual experience on any device. In today's mobile-centric world, this feature gives you an edge over your competitors. Furthermore, this adaptability guarantees a consistent and engaging browsing experience for all users, irrespective of their device or screen size.

Perfectly Responsive

The Image Grid Slider widget is user-friendly and requires no coding knowledge. With just a few clicks, you can tweak the carousel and grid settings using our intuitive controls. It's truly as straightforward as it gets, making stunning image displays accessible to everyone!

Easy To Use widget

As with all of Common Ninja’s apps, you can inject custom CSS to further personalize the Image Grid Slider widget and unleash your creativity. This additional flexibility lets you refine the widget's look and operation, guaranteeing a truly unique and customized experience for your users.

Use Custom CSS

You can easily integrate the Image Grid Slider widget into your website by copying just one line of code. Plus, the widget will automatically reflect every change you make, ensuring a seamless and always current experience for your users.

Easy To Embed widget

Draw your visitors in with the combination of an image slider and gallery. The dynamic movement of the slider and the organized display of the gallery will captivate your audience, keeping them engaged with your site.

Boost User Engagement with Dynamic Display

Use the Image Grid Slider to present your work, products, or services in a unique, visually appealing format. The blend of a carousel effect and masonry grid helps spotlight your offerings, increasing the likelihood of conversion.

Showcase Your Offerings in an Innovative Way

Regardless of your technical skill level, the Image Grid Slider makes it simple to build an attractive and eye-catching image display. Its intuitive interface and user-friendly design ensure that anyone can create stunning visuals with ease.

Effortlessly Create Stunning Visuals

Experience the perfect fusion of a grid gallery and carousel slider with our Image Grid Slider widget. It's free, easy to use, highly customizable, and mobile-optimized, making it a versatile tool for enhancing your website's visual appeal and user engagement.

Image Grid Slider

Images & Galleries

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 2

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter app comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

Multiple Layouts

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

A Robust Set of Icons

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Set Start Number

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add a Prefix or Suffix

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add Links

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Add & Change a Background

The Animated Number Counter app features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The Animated Number Counter app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Animated Number Counter widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you’d like to with just a few simple clicks.

Easy To Use Number Counter Widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the Animated Number Counter app and be even more creative.

Custom CSS

You can embed the app on your website easily by copying a single line of code. The Animated Number Counter app will also be updated automatically with every change you make.

Easy To Embed

With the app, you can add animation to your static pages and make them less boring and more engaging to you your users. Insert the animation in between sections to let your users rest their eyes, or next to a section with lots of text, to highlight the significant bits, or any other way you see fit.

Add Animation to Static Pages

The animation effect of the app makes it so that you can easily draw attention to different stats. And, with its help, you can showcase your strengths — whether it’s the number of users you have, active installation, sales or anything else.

Make Stats More Noticeable

The app is fully customizable, and in addition to the animation effect, it can be customized to complement any page design through a large selection of icons, different layout options, pre-made skins and more.

Enhance Design

Animated Number Counter

Get Creative

Various Stacked Layouts

Gain full control over your images' placement in the stack, easily adjusting the position of each image for a perfect display. This granular control enables you to create a visually pleasing arrangement that enhances your content.

Precise Image Positioning

Customize the user experience with multiple hover effects, allowing you to highlight the hovered image in various engaging ways. These interactive effects encourage user engagement and create a more immersive browsing experience.

Multiple Hover Effects

Benefit from a fully customizable and user-friendly editor, making it a breeze to tailor the Stack Image widget to your specific needs. This streamlined editing process saves time and effort, allowing for quick and easy customization.

Intuitive Custom Editor

Enjoy a perfectly responsive design, ensuring the Stack Image widget looks and functions beautifully on devices of all sizes. This adaptive design guarantees a consistent user experience across all platforms, keeping your website looking professional.

Perfectly Responsive Image Stack gallery

The Image Stack gallery widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like with just a few simple clicks.

Easy To Use

Unleash your creativity with custom CSS, enabling you to further style and adapt the Stack Image widget to match your brand identity. This feature grants you the freedom to express your unique brand and make a lasting impression on visitors.

 Personalized Custom CSS

Easily integrate the Stack Image widget into any website with just a single line of code, simplifying the addition of stunning visuals to your site. This hassle-free installation process ensures you can start showcasing your images in no time.

Easley embed the Image Stack Gallery on any website

The Image Stack Gallery Widget can accompany content and enrich it with visually appealing images, creating a more engaging and immersive reading experience for visitors. By breaking up large blocks of text and providing a visual representation of the content, the widget can help improve user engagement and comprehension.


Enhance Content with Image Stack Gallery Widget

For businesses, the Image Stack Gallery Widget can be an effective tool for showcasing their products or services. By creating visually appealing and interactive displays, you can highlight your offerings and provide visitors with a better understanding of what you have to offer.



Showcase products or services with Stacked Images

With the ability to create eye-catching and interactive image displays, you can increase engagement with your visitors and keep them on your website for longer periods. This can lead to increased conversions, sales, or other desired outcomes.

Use Image Stack Gallery to Increased engagement

Image Stack Gallery

Let users view and navigate PDF files directly on your website

Style 1

Style 4

Style 5

The PDF Viewer widget comes with five layout options that you can choose from — Embed, Gallery, List, Designed List and Grid. This selection of layout options will allow you to choose the best design for your brand and users.

The PDF Embedder widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The PDF Viewer is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The PDF Gallery widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget  any way you’d like to with just a few simple clicks.

As with all of Common Ninja’s widgets, you can add custom CSS to customize the PDF ebmed widget and be even more creative.

To save you time and effort, the PDF Viewer widget includes a selection of attractive skins that you can choose from to give your viewer a professional and polished look. This way, you don't have to invest a lot of time in extensive customization. Simply pick the skin that best fits your needs and you're good to go!

You can upload an image to be used as the thumbnail for your PDF file. This image could be the cover of a book or any other image that accurately reflects the content of the PDF. By choosing an attractive image, you can increase the chances of users clicking on and viewing your PDF. So consider selecting a visually appealing image to serve as the thumbnail for your PDF file.

Thumbnail

Make it easy for your website visitors to download the PDF file by including a Download button on your site. This will give them the ability to access the file and save it for their own use. By clearly displaying a Download button, you can make it simple for your website visitors to get their hands on the PDF file.

Download

You can embed the PDF Viewer widget on your website easily by copying a single line of code. The widget will also be updated automatically with every change you make.

Easy To Embed 

With a PDF Viewer, you can allow your users to read more about your products and services. Offer them catalogs, brochures and menus for a better understanding of what you are offering.

Provide Easy Access to Relevant Information

Allow your users to access your PDF products (like ebooks, magazines, journals, etc.) in a visually appealing way with an easy option to download them.

Promote Your Products

Support your users with technical documentation, support articles and manuals that they can download and view offline or embed PDF Files on your website.

Offer Support for Better User Experience

PDF Viewer

Media

Website Components

Effortlessly explore your Vimeo video collection using intuitive arrow buttons and dot indicators. These navigation tools make it simple for visitors to browse through your carousel, creating a seamless and engaging user experience.

Smooth Navigation with Arrows and Dots

The Vimeo Carousel Widget offers extensive design flexibility, letting you fine-tune its appearance to align with your website’s branding. Modify colors, fonts, spacing, and other elements to achieve a cohesive and unique look that enhances your site.

Fully Customizable Design for the Vimeo Carousel

Ensure your Vimeo carousel displays flawlessly on any screen size. The widget is optimized for responsiveness, providing a consistent and attractive viewing experience on desktops, tablets, and smartphones alike.

Responsive Vimeo Carousel for All Devices

Control the flow of your Vimeo Carousel by setting the slide speed and how long each video stays on screen. This feature lets you deliver a tailored viewing experience that matches your audience’s preferences and keeps them engaged.

Adjustable Carousel Speed and Display Timing

Keep your website dynamic with a Vimeo Carousel that refreshes automatically to showcase your newest videos. This ensures your site always displays the latest content, keeping visitors interested and encouraging repeat visits.

Auto-Updating Vimeo Content for Freshness

Make your carousel interactive by enabling clickable videos. Visitors can click on any video to view it directly, increasing engagement and helping them connect with your content on a deeper level.

Clickable Videos for Enhanced Engagement

Setting up and managing the Vimeo Carousel widget is straightforward, even for those with no coding experience. Its intuitive interface allows you to customize and embed the carousel with just a few simple steps.

Easy-to-Use Vimeo Carousel Widget

For those seeking even more flexibility, the Vimeo Carousel widget supports custom CSS. This feature is ideal for designers and developers looking to refine the carousel’s appearance and functionality to fit specific requirements.



Advanced Customization with CSS

Embedding the Vimeo Carousel widget is quick and easy, requiring just a single line of code. Once integrated, any updates you make will automatically reflect on your website, saving time and effort

Effortless Embedding on Any Website

The Vimeo Carousel widget helps you present your video content in a sleek, scrollable carousel format. This enhances your website’s aesthetic while keeping visitors engaged with visually appealing media.

Showcase Your Vimeo Content in Style

Using the Vimeo Carousel widget can significantly enhance your website’s visual impact, helping you showcase your brand’s creativity. By featuring high-quality Vimeo videos in a dynamic carousel, you leave a lasting impression on your visitors.

Elevate Your Brand’s Visual Presence

With the Vimeo Carousel, embedding and displaying your Vimeo videos is effortless. It allows you to create a smooth, professional display that aligns with your site's design and captivates your audience.

Seamlessly Integrate Vimeo Videos into Your Website

Display your Vimeo videos in a customizable, responsive, and easy-to-navigate carousel.

Vimeo Carousel

Social Feeds

New!

Showcase YouTube videos in a customizable, responsive slider that auto-updates and enhances user engagement.

Add dynamic hover effects to your slider, highlighting videos as visitors navigate through the slider. This feature enhances engagement and draws attention to your content.


Interactive Hover Effects

Personalize the YouTube Slider by adjusting colors, fonts, layouts, and more to fit your website's branding and style seamlessly.

Fully Customizable Design Options

The widget automatically adjusts to any screen size, ensuring your YouTube videos are displayed beautifully on desktops, tablets, and smartphones.

Fully Responsive Across Devices

The YouTube Slider Widget syncs with your YouTube channel, automatically displaying your latest videos, so your site always has fresh content.

Auto-Updating Video Content

Allow visitors to interact with the slider by clicking on videos to play them directly. This feature boosts engagement and connects users with your YouTube channel.

Interactive Clickable Videos

No coding is required to set up the YouTube Slider Widget. Its intuitive design ensures quick installation and effortless customization.

Easy and Intuitive Setup

For developers and designers, the widget supports custom CSS, enabling detailed customization of its appearance and functionality.

Advanced Customization with Custom CSS

Embed the YouTube Slider Widget on any website with just one line of code. It works with all major platforms for easy integration.

Seamless Embedding on Any Platform

The YouTube Slider Widget displays your YouTube videos in an engaging scrolling slider, creating a modern and visually appealing way to showcase content.

Present YouTube Videos in a Dynamic Scrolling Format

The widget automatically syncs with your YouTube channel, ensuring the latest videos are displayed on your website without any manual updates.

Effortlessly Keep Your Content Up-to-Date

An interactive slider encourages visitors to engage with your YouTube videos directly on your website, increasing time spent on your site and driving interaction.

Boost User Engagement with Interactive Features

YouTube Slider

Embed player for Lottie files to add customizable animations

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie Player widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

SEO Heat Map

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Image Grid Slider

Animated Number Counter

Image Stack Gallery

PDF Viewer

Vimeo Carousel

YouTube Slider

Lottie Player

AI Chatbot

Telegram Chat

Slide-In Panel

Medium Feed

Consent Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

SEO Heat Map

OpenCart extension

App Details

Pricing

Check Out the Image Grid Slider Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Image Grid Slider

Animated Number Counter

Image Stack Gallery

PDF Viewer

Vimeo Carousel

YouTube Slider

Lottie Player

AI Chatbot

Telegram Chat

Slide-In Panel

Medium Feed

Consent Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine