This module will auto load the webpage whenever a filter is selected. ON CLICK. Also removes the word filter from url if all filters are cleared (un ticked) while browsing. ONLY for opencart v 2+ Features: * Comes with both ocmod and vqmod..

ChAnDu353

Auto Load Products on Filters select

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Interactive Maps

Get Creative

Website Components

New!

Showcase LinkedIn posts in a responsive, customizable slider that auto-updates and boosts user engagement.

Enhance the visual appeal of your LinkedIn Feed Slider with hover effects that highlight posts as users scroll through, making your content more engaging and dynamic.

Interactive Hover Effects

Personalize the LinkedIn Feed Slider to align with your website’s branding by adjusting colors, fonts, layouts, and spacing to create a professional and cohesive design.

Fully Customizable Design Options

The widget is optimized for all screen sizes, ensuring your LinkedIn feed looks stunning and functions flawlessly on desktops, tablets, and mobile devices.


Fully Responsive Across All Devices

Keep your website fresh and up-to-date with the widget’s auto-refresh feature, which syncs with your LinkedIn account to display your most recent posts automatically.

Auto-Updating LinkedIn Content

Allow visitors to click on posts in the slider, directing them to your LinkedIn profile or individual updates, encouraging deeper engagement with your professional content.

Clickable Posts for Enhanced Interaction

No coding is required to set up the LinkedIn Feed Slider Widget. Its user-friendly interface ensures quick installation and effortless customization.

Easy and Intuitive Setup

For advanced users, the LinkedIn Feed Slider Widget supports custom CSS, offering detailed control over its appearance and functionality to meet your specific requirements.

Advanced Customization with Custom CSS

The LinkedIn Feed Slider Widget can be embedded with a single line of code, ensuring seamless integration with all major website platforms and CMS tools.

Simple Integration Across Platforms

Showcasing your LinkedIn updates on your website highlights your expertise and builds trust, encouraging visitors to interact with your professional content.

Increase Professional Credibility and Engagement

The widget syncs automatically with your LinkedIn feed, ensuring your latest posts are displayed in real-time without manual updates.

Keep Your Website Current with Auto-Updating Feeds

The LinkedIn Slider Widget displays your professional updates in an interactive slider, creating a polished and engaging way to share LinkedIn content on your website.

Showcase LinkedIn Updates in a Stylish Scrolling Format

LinkedIn Feed Slider

Social Feeds

Present a carousel display featuring images and text cards

Example 1

Example 2

Example 3

Example 4

Example 5

The Card Carousel widget comes with the option to change the carousel’s card sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs. 


Card Size

With the option to change the arrow types of the Card Carousel slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination 

The Card Carousel widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience. 


Slider Speed & Time Per Slide

The Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
In addition to its visually appealing design, the Card Carousel widget offers versatility in its layout options. You can select from multiple layouts to ensure that it complements your website's overall look and feel. The ability to customize the layout makes it easy to create a seamless and cohesive experience for your visitors.

Multiple Card Carousel Layouts

The Card Carousel widget comes with various pre-made skins you can choose from to speed up your work.
To save you time and effort, the Card Carousel widget also comes with various pre-made skins for you to choose from. These skins are designed to provide a quick and easy way to customize the look and feel of the Card Carousel widget to match your brand and style. The pre-made skins make it simple to achieve the desired aesthetic without starting from scratch.

Card Carousel widget Multiple Skins

The Card Carousel widget features full customization options to edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else! You can choose from many premade skins to kick-start your design process. This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Customizable Card Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Fully Customizable Card Carousel Widget

The Card  Carousel widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Card Carousel

The Card Carousel 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.

Easy To Use Widget

As with all of Common Ninja's widgets, the Card Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Custom CSS

Embedding the Card Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you change. This feature can save you a lot of time and effort and ensure that your Card Carousel is always up-to-date and accurate.

Easy To Embed Card Carousel

With the Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Card Carousel that is perfect for your website.

Enhance Design with Card Carousel

A major benefit of the Card Carousel is that it doesn’t take up much space. Unlike card galleries that take up a lot of space, the Card Carousel can show as many cards as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories. 

Save Space

The Card Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
With its eye-catching design and intuitive navigation, the Card Carousel widget allows you to showcase multiple pieces of content in an engaging and compact format. Whether you want to highlight products, services, or other important information, the Card Carousel is a great way to grab visitors' attention and encourage them to engage with your website. 

Use Card Carousel Increased Engagement

Card Carousel

Lists & Cards

The Reviews Badge widget supports multiple review platforms including, Google, Airbnb, Amazon, TripAdvisor, AliExpress, Etsy, and many more! No matter where your customers are leaving reviews, the Reviews Badge widget has you covered, providing an inclusive and comprehensive summary.

Multiple Reviews Platforms

The widget features two badge types — animated and stacked, allowing you to tailor the design to fit your needs. Find the perfect badge type to complement your site's aesthetic and create an engaging user experience.

Choose Your Style: Animated or Stacked

Should you choose the animated badge type, there will be an option to choose the animation type from a list of available options. Make your Reviews Badge stand out by selecting from a variety of eye-catching animations.

Select Your Animation Style

The widget comes with the option that allows choosing its position on the website, making it a very versatile, flexible tool that can be customized to fit your website’s design.

Position Options

The Reviews Badge widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. Choose from an array of available layouts to seamlessly integrate the Reviews Badge widget into your existing website design.

Pick Your Perfect Layout

The Reviews Badge widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. With a wide array of pre-designed skins, your Reviews Badge will look polished and professional without any additional effort.

Choose from Stunning Skins

The Reviews Badge 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! Tailor every aspect of your Reviews Badge widget to create a look that's uniquely yours.

Endless Customization Possibilities

The Reviews Badge 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. With a design that adapts to any screen size, your Reviews Badge widget will remain user-friendly and attractive across all devices.

Responsive Design for Any Device

The Reviews Badge 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.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Reviews Badge widget and be even more creative. For those with coding skills, the option to add custom CSS allows for even more design flexibility and personalization.

Get Creative with Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Reviews Badge widget will also be updated automatically with every change you make. Save time and effort with easy-to-implement code and automatic updates to keep your Reviews Badge current and functional.

Easy To Embed

By displaying a reviews badge widget on your website, you are showing your visitors that your business has a positive reputation and that other customers have had a good experience with your products or services. This can increase trust and credibility, making potential customers more likely to make a purchase.

Increased Trust and Credibility

A review badge widget that not only shows reviews but actively encourages users to leave reviews via a CTA can increase engagement on your website. Visitors are more likely to leave a review if it is easy to do and they see that others have done so, and this can lead to more interactions with your brand.

Increased Engagement

Displaying a reviews badge widget on your website can help increase conversions. When potential customers see positive reviews from other customers, they are more likely to trust your business and make a purchase. Additionally, the call-to-action (CTA) to leave a review can encourage satisfied customers to write a positive review, which can further increase conversions.

Increased Conversions

Reviews Badge

Reviews

Create customizable leaderboards to display rankings and track participant scores.

Effortlessly personalize the Leaderboard Widget by adding custom names and images for each participant. This feature enhances the visual appeal of the leaderboard, making it easier for users to recognize and connect with top performers at a glance.

Customize Participant Names and Images

Enhance the Leaderboard Widget with custom icons, prefixes, and suffixes to represent different score types, like points, currency, or any custom label you choose. Use icons such as trophies or dollar signs, and add labels like "$" or "pts" for clear, intuitive scoring. You can also use free text to create any custom score type, ensuring your leaderboard is both visually appealing and easy to understand.

Customize Score Icons, Prefixes, and Suffixes for Clarity

Easily customize the Leaderboard Widget by adding dynamic fields to the table. This feature allows you to include extra information for each participant, such as achievements, ranks, or custom metrics, tailored to your needs. It provides the flexibility to adapt the leaderboard for various use cases, ensuring that you can display all the relevant details in a single, organized view.

Add Custom Fields for a Tailored Leaderboard

Showcase each participant’s progress towards a specific goal using the Leaderboard Widget’s built-in progress bar. This feature allows you to set custom goals, such as sales targets or point milestones, and visually track how close each participant is to achieving them. The progress bar provides a clear, at-a-glance view of individual achievements, adding an extra layer of motivation and competition.

Display Goals with a Progress Bar for Each Participant

The Ranking Board offers a special display option to emphasize the top three positions. This feature allows you to create a visually distinct podium for the 1st, 2nd, and 3rd place winners, making their achievements stand out. It’s a great way to celebrate the top performers and encourage healthy competition, drawing attention to those who reach the top spots.

Highlight Top Performers with a Special Podium Display

The Leaderboard Widget allows you to choose from various score types to suit your needs, including numerical scores and time-based options. This flexibility ensures that you can display and rank participants using the most appropriate format for your competition or event, providing accurate and meaningful results.

Flexible Score Types for Accurate Tracking

The Leader Board Widget offers a variety of beautiful design skins, allowing you to choose a style that aligns with your website's branding. These skins make it easy to create a leaderboard that looks professional and integrates seamlessly with your site's overall design, saving time on customization.

Choose from Multiple leaderboard  Design Skins

The Scoreboard Widget offers a wide range of customization options, allowing you to adjust colors, fonts, spacing, and more to fit your brand perfectly. This flexibility ensures that you can create a leaderboard that aligns with your website's design and meets your unique needs, creating a personalized experience for your users.

Fully Customizable Scoreboard Widget

The Leaderboard Display is fully responsive, ensuring that your leaderboard looks great and functions smoothly on any device, from desktops to tablets and mobile phones. This ensures a consistent user experience across all screen sizes, making your rankings accessible to all visitors.



Perfectly Responsive Leaderboard Display

The Leaderboard Widget is designed for ease of use, requiring no coding knowledge to set up and customize. Its intuitive interface allows you to quickly create and manage leaderboards, saving you time while ensuring a polished display of rankings.



Easy to Use Leaderboard Widget

For those who want more creative freedom, the Leaderboard Widget includes the option to add custom CSS. This allows you to fine-tune every aspect of the widget’s appearance, making it possible to match your leaderboard perfectly with your website’s style and design.

Custom CSS for Advanced Design Control

Embedding the Ranking Board is simple, requiring just a single line of code. This makes integration quick and hassle-free, no matter your technical skill level. Additionally, the widget automatically updates whenever you make changes, ensuring your leaderboard stays up-to-date without any extra effort.

Effortless Embedding of the Ranking Board on Any Website

Encourage competition and engagement on your website by displaying top performers through the Leaderboard. This feature helps create a sense of accomplishment and motivates participants to improve their scores, keeping them actively involved with your platform.

Drive User Engagement with Interactive Leaderboard

Highlight the top players or participants with visually appealing podium displays, boosting their recognition. This not only helps build a community but also creates an incentive for others to strive for higher performance, driving overall engagement.

Showcase Achievements with the Scoreboard Widget

The Leader Board Widget is highly adaptable, fitting seamlessly into various scenarios—from tracking sales reps' performance to ranking participants in a game or event. Its flexibility ensures it meets the specific needs of your site, making it a valuable addition to any competition or leaderboard-based activity.

Customizable Leaderboard for Any Use Case

Leaderboard

Gaming

User Engagement

Present team members in a stylized and adjustable list format

The widget features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the Team Members widget fits your design requirements.

Team Members List Multiple Layouts

The Team Members widget features the option to enable a gentle animation that the user will see when first accessing the Team Members List, to make the page less static and more appealing.

Gentle Intro Animation

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

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

Fully Customizable Team Members Widget

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

Perfectly Responsive

The Team Members List 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.

Easy To Use Team Members Widget

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

You can embed the Team Members List 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 Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

Make Your Team Members Stand Out

By showing the team behind the company and by adding social buttons with links to their social media profile, you can easily increase trust in your company.

Show your team members to Increase Trust

The Team Members widget enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design with a Team Members List

Team Member List

showcases a collection of images stacked on top of each other with a smooth transitioning 

Choose from a wide range of unique stacked layouts to suit your design preferences and make your image gallery stand out. This feature allows for endless design possibilities, catering to diverse aesthetic tastes.

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.

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.

Auto Load Products on Filters select

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Interactive Maps

LinkedIn Feed Slider

Card Carousel

Reviews Badge

Leaderboard

Team Member List

Image Stack Gallery

Tilted Image

Support Form

Lottie Player

World Clock

Interactive Video

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Auto Load Products on Filters select

OpenCart extension

App Details

Pricing

Check Out the Interactive Maps Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Interactive Maps

LinkedIn Feed Slider

Card Carousel

Reviews Badge

Leaderboard

Team Member List

Image Stack Gallery

Tilted Image

Support Form

Lottie Player

World Clock

Interactive Video

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine