This module adds an additional tab on admin product page, where you can add unlimited files of product documentation. The files are later displayed on the frontend product page as a downloadable links, displayed by buttons and you can specify..

airnayden

Product Documentation

Present content items in a designed and customizable list

Example 1

Example 2

Example 3

Example 4

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 your design requirements.

Multiple Layouts

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

Gentle Intro Animation

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

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.

Multiple Skins

The app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

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!

Fully Customizable

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.

Perfectly Responsive

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 items List

As with all of Common Ninja’s apps, you can add custom CSS to customize the 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 app will also be updated automatically with every change you make.

Easy To Embed

The app is fully customizable and therefore can be customized to fit any design to complement your website. 

Enhance Design

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

Improve User Experience

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Lists & Cards

Website Components

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

New!

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



Easy to use

The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Video Slider

Media

Displays a timer counting down to a specific date or event

The Countdown widget features captivating animations for number transitions, adding a dynamic and engaging element to your timer. Customize the animation style and speed to suit your preferences and make your countdown timer stand out to your website visitors.

Animated Number Transitions

The Countdown widget offers the unique feature of creating an evergreen timer, which sets a personalized countdown for each visitor, beginning the moment they enter the website. This individualized approach fosters a sense of urgency and engagement, as users experience a tailored countdown that directly corresponds to their visit, making your event or promotion even more compelling.

Individualized Countdown for Each Visitor

The Countdown widget offers the flexibility to personalize the titles or labels for days, hours, minutes, and seconds, allowing you to make the timer more relevant to your specific event or promotion. Tailor the labels to your audience and context, ensuring a more engaging and meaningful user experience.

Customizable Titles and Labels in Countdown

Upon reaching the countdown's end, the Countdown widget can showcase a vibrant confetti animation and reveal a tailored message to mark the occasion. This attention-grabbing element amplifies the excitement and engagement, providing users with a memorable experience as they engage with your event or promotion at the culmination of the countdown.

Festive Confetti Animation and Custom Completion Message

With a selection of design skins available, the Countdown widget can easily be tailored to match your website's aesthetic. Choose from different pre-built themes and effortlessly adapt the widget's appearance to blend seamlessly with your site's overall design.

Customizable Countdown Design Skins

The Countdown widget offers various layout options, allowing you to choose the style that best suits your website's design. Select from a range of presentation formats, including horizontal, vertical, or circular timers, to create an attractive and visually appealing countdown display.

Multiple Layout Options

Control the look and feel of your Countdown timer by adjusting colors and fonts to match your brand identity. With a wide array of color options and a vast selection of fonts, you can easily create a countdown timer that complements your website's design language.

Extensive Color and Font Customization

The Countdown widget boasts a responsive design that ensures optimal display and functionality across various devices and screen sizes. Whether your visitors are accessing your website via desktop, tablet, or mobile, the countdown timer will automatically adapt to deliver a seamless and visually appealing experience, keeping your website professional and engaging at all times.

Perfectly Responsive Design

The Countdown widget is incredibly user-friendly, requiring no coding skills or technical expertise to implement on your website. Its intuitive interface and simple setup process make it accessible to users of all experience levels, allowing anyone to create and customize a countdown timer with ease.

Effortless Setup and No Coding Skills Required

For those looking to dive deeper into customization, the Countdown widget provides full CSS control. This feature allows advanced users or web developers to fine-tune the appearance and behavior of the timer, ensuring that it aligns perfectly with their specific design vision and requirements.

Full CSS Control for Advanced Customization

The Countdown widget is designed to work seamlessly with various website builders and platforms, ensuring smooth integration with your site. Its user-friendly setup process allows you to quickly add the countdown timer to your website without any technical difficulties or compatibility issues.

Easy Integration and Platform Compatibility

The Countdown widget generates a sense of urgency and anticipation among website visitors, encouraging them to interact with your content and offers. By creating a real-time countdown, users become more invested in the event, promotion, or deadline, which ultimately increases their engagement with your site.

Boost Engagement and Excitement with Countdown

By displaying a dynamic Countdown timer on your website, you create an engaging element that invites users to return and track the progress of the countdown. This encourages regular site visits and enhances user retention, as visitors are more likely to come back to stay updated on the countdown's progress or to participate in the event or offer when it becomes available.

Increase User Retention and Return Visits using Countdown

Utilizing the Countdown widget can create a sense of urgency, motivating website visitors to take action before time runs out. This can be particularly useful for limited-time offers, promotions, or event registrations, ultimately increasing conversions, sales, and user participation.

Drive Conversions and Sales using Countdown

Countdown

Boost Sales

The Personality Quiz widget creates interactive quizzes with custom results, flexible design, and easy embedding.

The Personality Quiz widget generates tailored results based on users’ answers, categorizing them into specific personality types. This feature allows you to define unique result profiles that reflect different traits, ensuring each participant receives feedback that aligns with their responses. By offering personalized insights, the quiz creates a more engaging and meaningful experience for users.

Customized Personality-Based Results

The Personality Quiz widget supports both text and image-based answer choices, giving you the flexibility to design engaging and visually appealing quizzes. This versatility allows you to create a more immersive experience, making the quiz both informative and interactive. Whether you want to use images to illustrate personality traits or stick to text-based responses, this feature adapts to your needs.

Flexible Answer Format Options

The Personality Quiz widget allows you to personalize the quiz header, including the title, description, and header image. This customization helps set the right tone and context, making the quiz more engaging and visually appealing. Aligning these elements with your brand or theme ensures a cohesive and professional presentation.

Customizable Quiz Introduction

The Personality Quiz widget offers two question types: multiple-choice selection and open-ended text responses. This flexibility allows you to create quizzes that range from structured personality categorizations to more in-depth, reflective answers. By incorporating different question formats, you can craft a more engaging and personalized experience for users.

Diverse Question Formats for Interactive Quizzes

Choose from a variety of visually appealing design skins to match your brand and website style. The Personality Quiz widget offers effortless customization, allowing you to create a polished and professional look without extensive design work. This ensures your quiz blends seamlessly with your site's aesthetics while maintaining an engaging experience.

Multiple Personality Quiz Design Skins

The Personality Quiz widget includes an integrated lead capture form, enabling you to collect user information as they engage with the quiz. This feature helps build a valuable database of potential leads, turning engagement into a strategic marketing tool. By gathering emails and other details, you can nurture participants into future customers and grow your business.

Turn Quiz Participation into Lead Generation

Incorporate images into your Personality Quiz to create a visually engaging and intuitive experience. Adding images alongside questions or answer choices makes the quiz more dynamic, appealing to different learning and engagement styles. This feature improves question clarity and increases user interaction, making the quiz more enjoyable.

Enhance Personality Quizzes with Images

The Personality Quiz widget is designed for easy use, requiring no coding skills for setup and customization. Its intuitive dashboard allows you to create and personalize quizzes with just a few clicks. Whether you're a beginner or an experienced user, this hassle-free configuration makes it simple to add interactive quizzes to your site.

Effortless Personality Quiz Setup

The Personality Quiz widget offers extensive customization options, allowing you to tailor its appearance to match your website perfectly. Modify colors, fonts, and layout to create a cohesive and branded experience. This flexibility ensures that your quiz not only engages users but also aligns seamlessly with your site's design.

Fully Customizable Personality Quiz Widget

Designed to be fully responsive, the Personality Quiz widget adapts flawlessly to any screen size. Whether users access your quiz from a desktop, tablet, or smartphone, they will enjoy a consistent and engaging experience. This ensures accessibility and usability, keeping participants engaged no matter how they interact with your site.

Seamless Responsiveness Across Devices

For those who want complete creative control, the Personality Quiz widget supports custom CSS. This feature is perfect for developers and designers looking to fine-tune the quiz’s appearance and functionality. By applying custom styling, you can ensure the quiz integrates seamlessly with your website's unique design.

Advanced Customization with Custom CSS

Embedding the Personality Quiz widget on your website is simple and requires just a single line of code. Once added, the widget automatically updates with any changes you make, ensuring your quiz stays current without extra effort. This hassle-free setup allows you to focus on engagement while the quiz seamlessly integrates with your site.

Effortless Personality Quiz Integration

Integrating a Personality Quiz into your website captivates visitors by offering interactive and personalized content. This engagement encourages users to spend more time on your site, exploring their unique traits, which can lead to higher retention rates and increased interaction with other site features.

Increase User Engagement with Personality Quiz

Well-crafted Personality Quizzes have a natural tendency to go viral, as users enjoy discovering and sharing insights about themselves. This virality can significantly increase your website's traffic and brand exposure, contributing to overall business growth.

Boost Content Virality with Engaging Quizzes

Incorporating lead capture forms within the Personality Quiz allows you to collect user information seamlessly. This strategy builds a database of potential leads who have already interacted with your content, facilitating more effective follow-up marketing efforts.

Enhance Lead Generation Efforts

Personality Quiz

User Engagement

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

The Before & After widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Before & After widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Before & After

The Before & After Slider 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

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Before & After widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Before & After Custom CSS

To embed the Before & After widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Before & After Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Images & Galleries

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Product Documentation

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Info List

Interactive Maps

Video Slider

Countdown

Personality Quiz

Before & After Slider

Back to Top Button

Coupon Bar

Skill Flip Cards

Subscription Button

Trust Badges

Size Chart

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Product Documentation

OpenCart extension

App Details

Pricing

Check Out the Info List Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Info List

Interactive Maps

Video Slider

Countdown

Personality Quiz

Before & After Slider

Back to Top Button

Coupon Bar

Skill Flip Cards

Subscription Button

Trust Badges

Size Chart

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine