<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Vertical Category Menu is one of the simplest and easy way to display categories in left-right column in flyout style. Vertical Category Menu are now very popular with improved useability over the standard flyout multilevel menus.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Vertical Category Menu

Displays varying prices based on selected item quantities.

With the Pricing Slider, you can effortlessly input specific details tailored to your offerings. Easily define the item names, set the cost per unit, and select the appropriate currency, ensuring the widget aligns with your business's exact requirements.

Adjustable Pricing Information

The Pricing Slider allows for a straightforward discounting approach. Simply input a fixed percentage off, and designate the minimum quantity required for the discount to activate. This ensures customers are rewarded when purchasing in larger quantities.

Use Linear Discount

Diversify your discounting strategy with the Pricing Slider. You can establish multiple discount tiers, assigning specific percentages to particular quantity ranges. This provides flexibility in incentivizing bulk purchases and can cater to varied purchasing behaviors.

Set Intervals Discount

The Pricing Slider goes beyond mere numbers; it offers a narrative. Utilize variables to generate a description that adjusts in real-time based on the slider's position. As users modify the quantity, the description seamlessly updates, providing them with a comprehensive understanding of the price, discount, and items involved. This enhances clarity and ensures users are always informed of their selections.

Dynamic Contextual Descriptions

The Pricing Slider enhances user clarity with a tooltip that appears above the slider, detailing the precise item count. Integrate a prefix or suffix to this tooltip, providing context and clarity to the displayed number, ensuring users always grasp the quantity's significance.

Interactive Slider Tooltip

Explore the array of skins with the Pricing Slider Widget. A variety of styles are at your fingertips, allowing swift customization. Seamlessly align the Pricing Slider's aesthetic with your website for a harmonious look and feel.

Elegant Skins Selection

Dive deep into customization with the Pricing Slider Widget. Whether it's adjusting color tones, fonts, or spacing, the widget is crafted to blend with your site. Ensure the Pricing Slider perfectly mirrors your website's ambiance.

Full Customization

The Pricing Slider Widget is crafted for today's diverse device landscape. It adapts gracefully from desktop to mobile, promising a stellar viewing experience. With the Pricing Slider, your site remains modern and user-centric across all devices.

Optimal Responsive Design

The Pricing Slider Widget prioritizes ease of use. No coding knowledge? No problem. Its intuitive drag-and-drop feature ensures any user can customize the Pricing Slider effortlessly.

Easy to use

The Pricing Slider Widget supports custom CSS, enhancing its adaptability. Harness this feature to further mold its appearance. Let your creativity flow and make the Pricing Slider uniquely yours.

Enhanced with Custom CSS

Integrating the Pricing Slider Widget into your website is straightforward. Simply use the provided code for swift incorporation. As you tweak the Pricing Slider, your website will automatically reflect those changes, ensuring visitors always see the most updated version.

Easy To Embed

The Pricing Slider offers a straightforward view of various price points. This clarity helps website visitors understand cost structures quickly. Making informed choices becomes easier with a clear presentation of prices.

Clear Price Visualization

Interactive widgets like the Pricing Slider can engage users more effectively. By offering a hands-on pricing tool, visitors are likely to spend more time exploring your offerings.

Enhanced Site Interaction

Interactivity can impact decision-making. The Pricing Slider's simple design can lead visitors to make quicker purchase decisions. With such clarity, enhancing your website's conversion rate becomes more feasible.

Improved Conversion Potential

Pricing Slider

Boost Sales

Website Components

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

Image Magnifier

Images & Galleries

Easily embed and customize a Reddit Feed to display fresh content on your website.

The Reddit Feed widget features an auto-refresh option, ensuring your feed is constantly updated with the latest posts. This keeps your content fresh and engaging without any manual effort.

Auto Refresh for Reddit Feed

With the Reddit Feed widget, you can choose between two different feed types: Tabs and Mixed. The Tabs type organizes your feed by specific categories, while the Mixed type combines various Reddit feeds for a diverse content stream.

Different Reddit Feed Types

The Reddit Feed widget offers multiple layout options to seamlessly fit your website's design. Choose the layout that best suits your site's aesthetics and functionality.

Multiple Layout Options

This widget provides a range of beautiful skins, reducing the need for extensive customization. Select a design that aligns with your brand and enhances your site's visual appeal.

Various Design Skins

Customize how the date and time are displayed in your Reddit Feed. This feature allows you to tailor the widget to meet your specific needs and visitor preferences.

Date & Time Display Settings

Easily adjust the character length of posts in the Reddit Feed to save space and maintain a compact, clean look on your website.

Character Display Length Customization

The Reddit Feed widget includes full right-to-left (RTL) support, making your content accessible to users who write in RTL languages.

Full RTL Support

Our Reddit Feed widget is designed for ease of use, requiring no coding knowledge. The intuitive dashboard allows for drag-and-drop customization, making it simple to tailor the widget to your preferences.

User-Friendly Interface

Enjoy extensive customization options with the Reddit Feed widget. Modify colors, fonts, spacing, and more to create a widget that perfectly matches your website’s style.

Fully Customizable Design

The Reddit Feed widget is fully responsive, ensuring it looks great on any device. This mobile-friendly feature helps provide a consistent user experience across all platforms.

Perfectly Responsive Design

Add custom CSS to the Reddit Feed widget to further personalize its look and functionality. This feature is ideal for developers and designers wanting to apply a unique touch.

Custom CSS for Enhanced Creativity

Embedding the Reddit Feed widget on your website is a breeze. Simply copy and paste a single line of code. The widget will automatically update with any changes you make, ensuring hassle-free maintenance.

Easy Embedding

By integrating the Reddit Feed widget into your website, you can boost user engagement by providing a steady stream of fresh and relevant content. This keeps your audience informed and interested, encouraging them to spend more time on your site.

Enhance User Engagement with Reddit Feed

Regularly updated content from the Reddit Feed widget can improve your site's SEO performance. Search engines favor websites that consistently provide new content, so the Reddit Feed can help enhance your search engine rankings and visibility.

Boost SEO with Fresh Content

Adding a Reddit Feed to your website can drive more traffic as users are drawn to the constantly updated posts. This can lead to higher page views and a greater likelihood of repeat visits, benefiting your overall web traffic metrics.

Increase Traffic with Reddit Content

Reddit Feed

Social Feeds

New!

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

Visualize data and information using various chart types, including bar, pie, and line graphs, and more

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs 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, 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 customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Charts

The Charts & Graphs 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 Charts & Graphs widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Charts & Graphs 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.

To embed the Charts & Graphs 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 Charts & Graphs Editor will be reflected automatically on your website without the need for any additional manual updates.

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Code Snippets widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

The Code Snippets 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 Code Snippets widget will allow you to do just that, giving you an edge over competitors.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets 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.

To embed the Code Snippets 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 Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

Embed Medium posts on your site; customizable, auto-updating.

The Medium Feed widget features a smooth scrolling animation, reminiscent of a news ticker, bringing a dynamic flair to your webpage. This aesthetic element ensures that your Medium articles are not only read but are also visually engaging. It’s an effective way to captivate visitors right from their first glance.

Medium Feed Scrolling Animation

Personalize your Medium Feed with customizable date and time stamps for each post. This feature allows for a tailored presentation, ensuring your feed aligns with the aesthetic and informational needs of your site. Your audience will appreciate the clear, chronological organization of your insightful articles.

Custom Timestamps

Medium Feed ensures your website’s content is always current, thanks to its auto-update feature. Your embedded Medium blog posts will refresh automatically, eliminating the need for manual updates. Visitors are greeted with your latest insights and stories every time they visit your site, ensuring a continuously fresh and engaging experience.

Auto-Update Feature

Medium Feed offers two distinct content presentation styles: Categorized and Integrated. In the Categorized style, articles are sorted based on specific topics or themes, while the Integrated style blends all your posts, offering a rich and diverse content mix to your visitors. This adaptability ensures your feed aligns with your content strategy and audience preferences.

Varied Content Presentation

Adjusting the display length of your Medium articles is a breeze with Medium Feed. This feature allows for a concise and clean presentation, ensuring your webpage remains visually appealing and easy to navigate. Visitors can quickly scan through your content, with the option to delve deeper into the articles that pique their interest.

Adjustable Content Length

Elegance meets ease with Medium Feed's assortment of pre-designed themes. Bypass the hassle of color coordination and font selection by opting for one of our professionally crafted skins. Each theme is designed to cater to different aesthetics, whether you're inclined towards a modern, vibrant, or minimalist style, ensuring your Medium articles are displayed in a manner that resonates with your brand identity.

Diverse Feed Layout Options

Medium Feed doesn't just showcase your content; it amplifies the aesthetic appeal of your website. Choose from an array of skins, each meticulously designed to offer both visual allure and functional elegance. It’s about effortlessly merging your insightful Medium posts with the distinct character and style of your website, creating a harmonious and engaging user experience.

Beautiful Medium Feed Skins

Medium Feed embraces global content creators, offering comprehensive RTL support for languages written from right to left. This inclusive feature ensures that your Medium articles are accessible and visually appealing to a broader audience, breaking down language and orientation barriers to connect diverse readers.

Comprehensive RTL Support

Customization is at the core of the Medium Feed widget. Tailor every element, from colors and fonts to slider aesthetics and button styles, ensuring perfect harmony with your website’s design. Achieve a professional and cohesive look that elevates your Medium content, enhancing both visual appeal and user engagement, with an easy-to-navigate interface.

Medium Feed Total Customizable

Medium Feed stands out with its fully responsive design, ensuring your embedded Medium articles are accessible and visually optimized on any device. Whether your audience is viewing your content on a desktop, tablet, or smartphone, the widget adjusts gracefully, offering a seamless reading experience. In a mobile-dominated world, Medium Feed ensures your website and content are always at their best, catering to every screen size with ease and elegance.

Adaptive Medium Feed Design

Medium Feed is engineered for simplicity and ease of use, requiring no coding skills. Its intuitive drag-and-drop interface empowers you to personalize the widget to your liking, ensuring a perfect fit for your website and an enhanced experience for your audience.

Vertical Category Menu

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Pricing Slider

Image Magnifier

Reddit Feed

AdBlocker Detector

Charts & Graphs

Code Snippets

Medium Feed

Subscription Button

Leaderboard

Nudge Button

WhatsApp Chat

Logo Slider

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Vertical Category Menu

PrestaShop module

App Details

Pricing

Check Out the Pricing Slider Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Pricing Slider

Image Magnifier

Reddit Feed

AdBlocker Detector

Charts & Graphs

Code Snippets

Medium Feed

Subscription Button

Leaderboard

Nudge Button

WhatsApp Chat

Logo Slider

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine