Product By Alphabet - This module shows alphabet (A-Z) in box and you can select any of alphabet from (A-Z) and see the product by particular alphabet. - For Example - If you select 'C' then you can see the all products starts with 'C alphab..

Product By Alphabet

Enable users to zoom in and inspect specific areas of an image by hovering or clicking on it

Example 1

Example 2

Example 3

Example 4

Example 5

The Image Magnifier features a selection of different magnifier types that you can choose from to fit your needs. This customization ensures seamless integration with your website's design and enhances user experience by catering to individual preferences.

Various Magnifier Types

The Image Magnifier widget allows you to customize the magnifier for a more personalized look, enabling you to fit it to your brand’s design and the website’s aesthetics. This level of customization not only reinforces brand identity but also creates a cohesive and visually appealing user experience.

Easy Magnifier Customization

The Image Magnifier 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! Adjust the colors, fonts, spacing, and other elements to create a tailor-made user experience that aligns with your brand and website aesthetics.

Fully Customizable

The Image Magnifier 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. Additionally, this adaptability ensures a consistent and enjoyable browsing experience for all users, regardless of their device or screen size.

Perfectly Responsive

As with all of Common Ninja’s apps, you can add custom CSS to customize the Image Magnifier widget and be even more creative. This added flexibility empowers you to fine-tune the widget's appearance and functionality, ensuring a truly unique and tailored experience for your users.

Custom CSS

You can effortlessly embed the Image Magnifier widget on your website by copying just one line of code. Moreover, the widget will automatically update with every modification you make, ensuring a seamless and up-to-date experience for your users.

Easy To Embed 

With the Image Magnifier widget, your visitors will have an easy time zooming in on your images. This will not only enhance their experience but allow users with visual impairment to see your images and understand the content of your website better.

Improved User Experience & Accessibility

The Image Magnifier widget can be a powerful, sales-driving tool for e-commerce websites. By allowing customers to see your products in greater detail, they may be more likely to make a purchase. 

Use an Image Magnifier to Increased Sales

With the Image Magnifier widget, you can make your boring, static pages more fun and engaging to your users, by adding the element of interactivity with the image on the website. This versatile tool not only improves user experience but also encourages longer browsing times and higher user satisfaction.

Add Interactivity

Use the Image Magnifier widget when small details in your visuals matter for visitors decisions. Instead of forcing users to open separate files or guess from low resolution thumbnails, the magnifier lets them zoom into specific areas while staying on the same page. This is valuable for product textures, technical diagrams, artwork, maps, and documentation screenshots. People can inspect fine print, craftsmanship, and interface elements closely, which builds confidence that they understand what they are buying or learning. It also supports accessibility needs for users who benefit from larger views. Overall, the magnifier turns ordinary images into interactive, information rich elements that better support careful evaluation.

Image Magnifier

Images & Galleries

Create infographics: custom icons, dynamic tooltips, and responsive design.

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

Complete Customization Control

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Use the Ratio widget when you need to communicate relationships between numbers in a highly visual, infographic style way. Custom icons, segments, and tooltips transform dry statistics into clear comparative views that visitors can understand at a glance. This is helpful for product benefits, market data, resource allocation, or any scenario where part to whole or group comparisons matter. Interactive elements invite users to hover and learn more without cluttering the main view with heavy labels. A well built ratio graphic strengthens your message and supports more persuasive storytelling around why your solution or insight is meaningful.

Ratio

Get Creative

Manage Events, Engage Visitors, and Elevate Your Brand’s Image

The Calendar widget enables effortless toggling of events as "All Day," allowing you to conveniently manage and display full-day events without specifying a specific time. This feature simplifies the process of highlighting key activities, making it easier for your visitors to identify and plan for full-day events.

Seamless All-Day Event Management

The Calendar widget comes with color customization options, empowering you to create visually appealing calendars that align with your website's branding or personal preferences. This flexibility not only enhances the aesthetic appeal of your website but also aids in creating a consistent and immersive user experience that resonates with your brand.

Personalized Color Customization

With the Calendar's ability to add links, you can enhance interactivity by attaching URLs to specific dates or events, providing additional information, or redirecting users to relevant pages. This feature not only adds depth to your event descriptions but also serves as a tool for guiding your visitors to additional resources or actions, thereby increasing user engagement and satisfaction.

Enhanced Interactivity with a Calendar Link Integration

The Calendar widget supports media integration, allowing you to enrich your calendar by adding images to events, creating a visually engaging experience. This multimedia approach not only makes your calendar more engaging but also provides a richer context for your events, thereby enhancing the overall user experience.

Visualize Events with Media Integration

With the Calendar Widget's customizable default view, you can choose the initial display mode that best suits your website's needs, such as month, week, or day view, providing a tailored user experience. This feature ensures that your users are immediately presented with the most relevant view, enhancing usability and ensuring that your website caters to a variety of user preferences.

Flexible Start Date Selection

The Calendar 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. These ready-to-use skins not only save you time but also ensure a professional and aesthetically pleasing look, enhancing your website's appeal without requiring extensive design work.

Calendar Multiple Skins

The Calendar widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world. This inclusivity feature broadens your website's reach, making it more user-friendly and accessible to a global audience, thus promoting diversity and inclusivity.

Calendar with Full RTL Support

The Calendar 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! This level of customization allows you to create a unique and personalized calendar that aligns perfectly with your brand identity, thereby enhancing the overall aesthetic and user experience of your website.

Fully Customizable Calendar Widget

The Calendar 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. This responsiveness ensures a seamless user experience across all devices, giving you an edge in today's mobile-centric digital landscape.

Perfectly Responsive Calendar widget

The Calendar 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. This user-friendly design empowers even non-technical users to customize the widget to their liking, making it a versatile tool for enhancing your website's functionality and appeal.

Easy To Use Calendar

The Calendar widget's custom CSS feature offers you the ultimate control over the look and feel of your calendar. This advanced customization option allows you to modify the widget's design elements such as colors, fonts, and layout to perfectly match your website's aesthetics, providing a truly personalized and seamless user experience.

Calendar Widget Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Calendar widget will also be updated automatically with every change you make. This ease of integration and automatic updating not only simplifies the implementation process but also ensures that your website always displays the most current and relevant information.

Easy To Embed Calendar widget

A calendar widget on your website allows you to manage and showcase important events, meetings, or deadlines, making it easier for your visitors to stay informed and organized. Moreover, by providing a clear view of upcoming activities, it empowers your visitors to plan ahead, potentially increasing their participation and engagement with your content or services.





Streamlined Event Management with a Calendar Widget

Interactive calendars can improve user engagement by encouraging users to explore upcoming events, subscribe to event notifications, or even book appointments directly from your website. Indeed, interactive calendars can boost engagement by prompting users to explore events, subscribe to notifications, or book appointments directly on your site.

Add Calendar widget to Improved User Engagement

A well-maintained calendar reflects a sense of organization and professionalism, enhancing your brand image and building trust among your website visitors. A well-curated calendar not only reflects a high level of organization and professionalism but also strengthens your brand image and fosters trust among your website visitors.

Enhanced Professionalism

Use the Events Calendar widget when your activity depends on dates and you want visitors to see everything that is coming up at a glance. A structured calendar view gives users context across weeks or months, instead of making them open separate event pages one by one. This works for venues, communities, schools, fitness studios, conferences, and online programs. People can scan, filter, and click into events that match their interests. The more predictable and discoverable your schedule, the easier it becomes for visitors to commit and plan around you. A good calendar shifts your site from static information to an ongoing destination people return to.

Events Calendar

Website Components

Card Size

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

Arrows & Pagination

The 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 Creative Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

Multiple Skins

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

The Creative 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

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

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

Easy To Embed

With the Creative 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 Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners 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 on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Use the Creative Card Carousel widget when you have several announcements or promotions that deserve strong visual treatment. Each banner can highlight a different campaign, discount, launch, or content piece with bold imagery and clear copy. Instead of showing only one hero at a time or stacking many large sections, you rotate them in a single, eye catching area. This keeps your message focused while still giving room for seasonal offers and experiments. It performs well on store homepages, marketing landing pages, and hubs where you run frequent campaigns. By pairing banners with clear calls to action, you create a dynamic, conversion oriented marketing strip.

Creative Card Carousel

Lists & Cards

Display the latest posts from your YouTube channel

Example

The YouTube Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the YouTube Feed widget according to your needs, and the preferences of your visitors.

YouTube Feed Date & Time Display Settings

The YouTube Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the YouTube Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various YouTube feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the YouTube Feed widget more compact.

Customize Character Display Length

The YouTube Feed widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

YouTube Feed Multiple Layouts

The YouTube Feed 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.

YouTube Feed Multiple Skins

The YouTube Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The YouTube Feed 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 YouTube Feed 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. 

Perfectly Responsive YouTube Feed

The YouTube Feed 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 YouTube Feed Widget

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

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

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

Use the YouTube Feed widget when your YouTube channel is a key asset and you want that content to drive engagement on your own site. The feed displays your latest videos automatically, so visitors always see fresh uploads without you rebuilding sections. This is perfect for tutorials, interviews, product demos, and ongoing series. Structured previews help users scan quickly and choose what to watch, which increases play rates. Keeping the viewing experience embedded reduces distractions and lets you pair videos with clear next steps like signups or product links. A strong YouTube feed also signals consistency and authority because visitors see a steady stream of real content rather than a static showcase.

YouTube Feed

Social Feeds

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.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Use the Lottie Player widget when you want high quality animations on your site without slowing it down. Lottie files are lightweight, scalable, and crisp on all devices, making them ideal for micro interactions, illustrated scenes, and animated icons. This widget lets you embed and control those animations with options for looping, triggering, and styling. It is perfect for breathing life into hero sections, onboarding flows, loading states, or success messages. Engaging motion can draw attention to important elements and explain ideas more intuitively than static images. At the same time, the efficient format keeps performance strong, which is important for both user experience and search visibility.

Lottie Player

Media

Showcase the company's various office locations in a stylized and adjustable list format

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

Style 2

With a few tweaks, it’s easy to compress a lot of information into the cards while also keeping a certain visual style. 


Detailed Information — Easy to Follow & Stylish

Style 4

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner and add a call-to-action button, to take the user to even more information. 


Detailed Information — Easy Navigation

The app features a selection of beautiful icons that will fit any requirement — does your branch have WiFi? Does it allow pets in? Does it offer easy access to handicapped people? Make this information instantly visible.
You can add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Multiple Icons To Select From

The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits any design requirements.1661077905123_branches-layouts.png

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

Gentle Intro Animation

You can add images to the app so that your branches will be immediately identifiable and easy to find.

Images

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

The 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 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 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 Company Branch 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 app on your website, easily, by copying a single line of code. The app will also be updated automatically with every change you make.

Use the Company Branch List widget when you have multiple locations and want customers to find the right one quickly. A structured list can show addresses, phone numbers, hours, and short notes for each branch in a consistent layout, so visitors do not need to hunt through separate pages. This is essential for franchises, clinics, retail chains, and service providers with regional offices. Clear location presentation reduces confusion, missed visits, and support calls. It also strengthens trust by proving that your business has real presence in multiple places. By making branches easy to discover and compare, you create a smoother experience and increase the chance that visitors take action.

Product By Alphabet

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Image Magnifier

Ratio

Events Calendar

Creative Card Carousel

YouTube Feed

Lottie Player

Company Branch List

Product Blobs

Slideshow

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Product By Alphabet

OpenCart extension

App Details

Pricing

Check Out the Image Magnifier Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Image Magnifier

Ratio

Events Calendar

Creative Card Carousel

YouTube Feed

Lottie Player

Company Branch List

Product Blobs

Slideshow

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine