This module provides sorting modules by name in Extensions > Modules list. Requires PHP 5.3 or later. It does not overwrite any existing files in your system, so you can try it easily. I've written these few lines of code for my 1.5.6 p..

Sort modules by name

Displays a series of images in a slideshow format

Example 1

Example 2

Example 3

Example 4

Example 5

The Image Slider widget features hover effects which will add even an additional layer of visual effects that will make the users’ experience on your pages even more enjoyable.

Image Slider Hover Effect

The Image Slider widget comes with the option to choose from color effects to make your images more unified in style, and to add the “wow” effect to them.

Image Slider Color Effects

The Image Slider widget comes with two layout styles — carousel and grid. You can choose from these to make the widget fit your website’s design.

Image Slider Layout Styles

You can transform the Image Slider into a powerful conversion tool with the option to make the images clickable.

Clickable Images

The Image Slider 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 Image Slider widget provides you with all the tools you need to get the job done. 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.

Fully Customizable Image Slider Widget

The Image Slider widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Image Slider widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Image Slider

The Image 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 Widget

In addition to the built-in customization options, the Image Slider widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Image Slider widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Image Slider widget and its custom CSS capabilities give you the tools you need to make it happen.

Image Slider Custom CSS

You can easily embed the Image Slider widget on your website by copying a single line of code. The Image Slider will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.

Easy To Embed Image Slider

With the Image Slider widget and animation effect, you’ll easily draw the users’ attention to your images. .

Draw Attention with Image Slider

Once you’ve drawn the users’ attention, you’ll be able to showcase your work, products, or services, in a visually appealing manner. This way, you can increase the chances of converting them into customers.

Showcase Your Products or Services

The Image Slider widget provides powerful customization options that will enable you to customize the widgets as you desire and make them complement your overall website design. The intuitive interface makes it easy for even beginners to create stunning widgets with minimal effort.

Use an Image Slider to Enhance Design

Image Slider

Images & Galleries

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Get Creative

Website Components

Easily create and manage online menus with customizable layouts, categories, and styling options

The Restaurant Menu Widget allows you to categorize your menu into clear and distinct sections, such as appetizers, main courses, or desserts. Each section can feature its own title, helping diners quickly navigate and find what they’re looking for. Additionally, you can add an image or icon to each section, enhancing the visual appeal and ensuring your menu looks polished and professional.

Create Organized Menu Sections

The Restaurant Menu Widget lets you organize your dishes by assigning them to categories, such as vegetarian, gluten-free, or spicy. Each category is represented by a unique icon, making it easy for customers to identify specific options at a glance. This feature enhances clarity, helps diners make informed choices, and creates a visually engaging menu experience.

Assign Dishes to Categories with Customizable Icons

The Restaurant Menu Widget enables you to enrich each dish with a description, an eye-catching image, and a clearly displayed price. These details provide diners with all the information they need to make confident and informed choices. By combining visuals and pricing, you create an engaging and professional menu presentation that boosts customer satisfaction

 Showcase Dishes with Detailed Information and Visual Appeal

The Restaurant Menu Widget offers versatile design options with three distinct menu layouts, allowing you to choose the overall structure that best fits your website’s style. Additionally, each dish card can be displayed using one of four unique layouts, giving you the flexibility to highlight your dishes in the most appealing way. These customization options ensure your menu looks professional, aligns with your brand, and delivers a seamless browsing experience for your customers.

Customize Your Menu and Dish Layouts for a Unique Look

The Restaurant Menu Widget provides a selection of beautifully designed skins to match your website's style seamlessly. These skins save you time on design adjustments while ensuring a professional and cohesive menu appearance.

Choose from Stunning Design Skins

With extensive customization options, the Restaurant Menu Widget allows you to tailor every aspect of your menu. Adjust colors, fonts, spacing, and more to create a menu that reflects your brand's identity and style.

Fully Customizable Restaurant Menu Widget

The Restaurant Menu Widget is built to be fully responsive, ensuring it displays beautifully on any device. Whether your customers are browsing from a desktop, tablet, or smartphone, your menu will look great and remain user-friendly.

Fully Responsive Design for All Devices

Designed with simplicity in mind, the Restaurant Menu Widget requires no coding skills to set up and customize. Its intuitive interface allows anyone to create and update menus effortlessly, making it accessible for all skill levels.

Easy-to-Use Restaurant Menu Widget

For users looking to take customization further, the Restaurant Menu Widget supports custom CSS. This feature allows designers and developers to fine-tune the widget’s appearance and functionality, ensuring it perfectly aligns with their vision.

Custom CSS for Advanced Design Control

Embedding the Restaurant Menu Widget on your website is simple and hassle-free. With just one line of code, you can integrate it seamlessly into your site, and any updates you make are reflected instantly, keeping your menu always up to date.

Quick and Easy Embedding on any website

The Restaurant Menu Widget offers an intuitive and visually appealing way to present your menu online. By making your menu easily accessible, you enhance customer satisfaction and encourage diners to explore your offerings. This convenience can lead to increased engagement and more orders.

Enhance Customer Experience with the Restaurant Menu Widget

The Restaurant Menu Widget makes it easy to update your offerings with just a few clicks. Whether you’re introducing seasonal dishes or adjusting prices, the widget ensures your customers always see the latest information. This reduces administrative hassle while keeping your menu dynamic and engaging.

Save Time with Seamless Menu Updates

The Restaurant Menu Widget enables you to create a menu that aligns perfectly with your brand’s style. By customizing colors, fonts, and layouts, you can deliver a cohesive and professional look that reinforces your restaurant’s image and builds customer loyalty.

Strengthen Your Brand Identity with Customizable Menus

Restaurant Menu

New!

Free, customizable Real Estate Listings widget for all websites, mobile-optimized.

The Real Estate Listings widget is equipped with pre-set, dedicated fields designed specifically for the real estate sector. These fields cover essential property details such as price, area, and type of property. By using these dedicated fields, you can make sure that all crucial information is displayed in a standardized format, benefiting both you and your website visitors.

Pre-Set Dedicated Fields

Our Real Estate Listings widget goes beyond just pre-set fields; it also offers the flexibility of custom fields. This feature enables you to modify existing listing fields and even add new ones according to your needs. Whether you want to include multiple selections, yes/no options, descriptive text, or icons, this functionality allows you to tailor your listings precisely the way you want.

Flexible Custom Fields

The Real Estate Listings widget allows you to tailor the display of property listings to your preference. You can choose which fields appear in the preview lists, offering a quick snapshot for site visitors. Additionally, you have control over the detailed card view, letting you decide what specific information and fields are highlighted, ensuring a comprehensive and tailored experience for potential buyers.

Customizable Display Options

The Real Estate Listings widget features a Full Details Card that provides an extensive overview of each property. Every piece of information included in the listing is presented clearly, offering potential buyers insights into property specifications, features, and details. This comprehensive view aids users in evaluating properties thoroughly before making inquiries or decisions.

In-Depth Property Insights

With the Real Estate Listings widget, enrich each property listing by adding multiple images. Showcase different aspects, interiors, and exteriors of the properties to give potential buyers a visual tour. This feature enhances the listing's appeal, offering a more engaging and informative browsing experience for visitors.

Visual Property Exploration

The Real Estate Listings widget allows you to integrate filters for a more refined search experience. Visitors can easily sort and filter listings based on the various property fields. This feature not only makes the search process seamless but also helps potential buyers find their desired properties efficiently and effectively.

Enhanced Search with Filters

Offering a user-friendly browsing experience, the Real Estate Listings widget includes customizable sorting options for ease and convenience. Users can effortlessly organize property listings based on their preferences, utilizing different property fields. This customization enhances navigation and aids potential buyers in quickly locating properties that align with their specific criteria and interests.

Customizable Sorting Options

The Real Estate Listings widget allows the integration of a map feature for each property listing. This enables potential buyers to visualize the exact location, neighborhood, and surrounding areas of the property. Providing a geographical context aids in offering a comprehensive understanding of the property's locale, making the decision-making process more informed and convenient for users.

Interactive Property Location

With the Real Estate Listings widget, select from a variety of beautiful skins to enhance your website’s aesthetic and ensure consistency with your brand's visual identity. Each skin is designed to be visually appealing and can be easily integrated, speeding up the design process. Users enjoy a cohesive and engaging browsing experience that aligns with the look and feel of your website.

Select from multiple design skins

The Real Estate Listings widget offers a fully customizable design, enabling you to align the display of your property listings with your brand's aesthetic. Adjust colors and select from a wide variety of fonts to ensure visual consistency across your website. The flexibility in design customization ensures that every listing not only provides valuable information but also visually resonates with your audience

Fully customizable design

Experience the adaptability of the Real Estate Listings widget, designed to provide an optimal viewing experience across a range of devices. Whether your website visitors are on a desktop, tablet, or mobile device, each property listing is automatically adjusted for the best visual presentation and functionality. This responsive design ensures that users have a seamless and engaging experience, regardless of how they access your site.

Adaptive Display on All Devices

The Real Estate Listings widget is designed for effortless setup, eliminating the need for coding skills or technical knowledge. Its user-friendly nature ensures that website owners can easily integrate and manage property listings. With an intuitive interface, adding, customizing, and updating real estate listings becomes a hassle-free process, accessible to users of varying experience levels.

Easy Integration with Zero Coding

The Real Estate Listings widget offers full CSS control, catering to users seeking advanced customization options. This feature is a boon for web developers or advanced users who wish to refine the widget's appearance and behavior meticulously. By providing the tools to tailor every aspect of the listing display, the widget ensures perfect alignment with specific design visions and website aesthetics.

CSS Flexibility for Detailed Styling

The Real Estate Listings widget boasts easy integration and is compatible with a diverse range of website builders and platforms. Users can swiftly incorporate property listings into their websites, thanks to the widget’s user-friendly setup process. The design ensures that you face no technical challenges or compatibility issues, making the addition of real-time, engaging real estate listings both straightforward and efficient.

Easy to embed on any platform

With our Real Estate Listings Widget, maintaining your property listings is a breeze. You can quickly add, update, or remove properties, saving you time and effort. This ease of management frees you up to focus on other aspects of your real estate business.

Easy to Manage Properties Listings

Make your site a go-to resource for serious property seekers. By offering organized and easily searchable listings through our widget, you attract individuals who are genuinely interested in what you have to offer. Quality leads often mean more successful transactions.

Attracts Quality Leads

Your website visitors can effortlessly browse through a variety of properties thanks to intuitive navigation features. As a result, you simplify their decision-making process by offering them a one-stop-shop for all their real estate needs.

Simplifies Decision-Making for Visitors

Real Estate Listings

Lists & Cards

Real Estate Listings - Template 1

Customizable widget to manage and display your online course catalog effectively.

The Course Listings widget comes with predefined fields for key details such as course name, description, start date, and price. This setup ensures that all essential information is neatly presented for potential students.

Dedicated Course Information Fields

Tailor your course listings with flexible custom fields. Add extra information like prerequisites, course format, or certification details to meet your institution’s specific needs.

Adaptable Custom Fields

Every course listing features a Full Details Card, offering a comprehensive overview of the course content, prerequisites, and instructor information. Students gain valuable insights to determine their suitability for the course and interest in enrolling.

Detailed Curse Information

Enhance your course listings with interactive visual elements. Incorporate images, videos, and other multimedia to create an engaging and informative experience for prospective students.

Interactive Visual Elements

Adapt the presentation of courses with customizable display options. Choose which fields appear in the preview lists and detailed course cards to provide potential students with essential information at a glance and in-depth insights when needed.

Versatile Courses Display

Offer advanced search capabilities and filters to users. Allow students to find courses by category, level, duration, and more, making it easy for them to find the right course.

Advanced Search and Filter Options

Provide customizable sorting options for users. Let students sort courses by name, date, popularity, and other criteria, making navigation intuitive and user-friendly.

Personalized Sorting Features

The widget provides a variety of beautiful skins, enabling you to align the design with your brand and website aesthetics. This reduces customization time and ensures a cohesive and attractive interface.

Select from Multiple Course Listings Design Skins

Enjoy extensive customization capabilities with the Course Listings widget. Modify colors, fonts, spacing, and other elements to create a widget tailored to your website’s look and functionality.

Fully Customizable Course Listings Widget

The Business Listings widget is user-friendly and requires no coding expertise for customization. Its intuitive dashboard makes it simple to integrate and modify, making it accessible for all users.



Easy-To-Use Business Listings Widget

The Course Listings widget is fully responsive, ensuring an elegant display on any device. This feature is crucial for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Course Listings

Add custom CSS to the Course Listings widget for deeper customization. This feature is ideal for developers and designers who want to apply a unique touch, allowing for fine-tuned adjustments to match your website’s style.

Custom CSS for Enhanced Creativity

Embedding the Course Listings widget is straightforward, requiring just a single line of code. This ease of integration ensures that users of all technical levels can set it up quickly, with automatic updates reflecting every change made.

Effortless Embedding of Course Listings on Any Website

With the Course Listings widget, you can enhance the visibility of your educational offerings. By displaying your courses prominently on your website, you ensure that visitors are aware of the full range of programs available, helping to attract a wider audience and improve your institution's reach.

Enhance Visibility of Your Educational Offerings

The Course Listings widget simplifies course discovery for users by organizing courses into an intuitive and searchable format. This ease of navigation allows potential students to quickly find courses that match their interests and needs, improving their overall experience and satisfaction.

Simplify Course Discovery for Users

Using the Course Listings widget can improve enrollment rates by making your courses more accessible and appealing. The clear and structured presentation of course information encourages visitors to take the next step in their educational journey, ultimately leading to higher conversion rates.

Improve Enrollment Rates with Course Listings

Course Listings

The Promo Code Popup widget comes with a powerful lead-building feature — email collection, that will require users to enter their email addresses to receive the coupon, which you will later use for your promotional campaigns.

Email and lead Collection

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

Multiple Layouts

To add further flexibility in customizing your Coupon Code Popup widget and making it more unique, there are various styles of coupons available that you can choose from and use.

Various Coupon Styles

The Coupon Pop-UP widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Promo Coupon Pop-Up 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.

Multiple Skins

The Coupon Code Popup 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!

Fully Customizable

The Discount Popup widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world. 

Perfectly Responsive

The Coupon Popup 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 Coupon Popup

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

Custom CSS

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

Easy To Embed

With the Coupon Code Popup widget, you can collect email leads (this is, of course, optional) and use these leads later for your promotional email campaigns.

Collect Leads with Coupon Popup

The Discount Code Popup widget's clear visibility, display options, and easy navigation — via the CTA button, and the one-click coupon copying — increase the chances of users seeing and using the coupons to purchase from your website, thereby greatly increasing conversions.

Use Coupon Pop up to Increase Conversions

With complete customization options, various layouts, and coupon styles the Coupon Popup widget is hard to miss and will be immediately noticeable to users who visit your website.

Draw Attention

Coupon Popup

Popups, Bars & Buttons

Boost Sales

Multi-row image slider with customizable features

Experience a vibrant display of visuals with the multiple rows feature in the Multi-Row Slider. You can effortlessly add many rows, each showcasing a series of images moving in a direction opposite to its adjoining rows. This creates a fascinating and cool effect on your website, potentially making the visual content more engaging for users.

Sort modules by name

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Image Slider

Diagrams

Restaurant Menu

Real Estate Listings

Course Listings

Coupon Popup

Multi-Row Image Slider

RSS Feed Slider

Podcast Player

Flip Cards

Device Mockup

Notification Popup

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Sort modules by name

OpenCart extension

App Details

Pricing

Check Out the Image Slider Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Image Slider

Diagrams

Restaurant Menu

Real Estate Listings

Course Listings

Coupon Popup

Multi-Row Image Slider

RSS Feed Slider

Podcast Player

Flip Cards

Device Mockup

Notification Popup

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine