Add a filter form to your admin-category list and easly filter your categories by name, status or dropdownlist Dropdownlist will give al categories including subs. On filter of main category result will include subs to. Demo user:demo..

admin Categories Category list filter

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

Example 1

Example 2

Example 3

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Each website can benefit from the Marketing Button. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Marketing Button will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive

No coding expertise is necessary to use the Marketing Button. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a button with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Custom CSS

Simply copy and paste a code snippet into the HTML of your webpage to integrate the marketing button on your website. It is also self-updating, so any modifications you make to the Marketing Button Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed 

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

Improve User Experience

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

Popups, Bars & Buttons

Boost Sales

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

Display a business's hours and your opening hours

example 2

Example 4

Example 5

The Opening Hours widget enables you to add several working hours to each day (this feature is especially useful if your offices close for lunch and continue to work afterward).

Multiple Working Hours Per Day

The Opening Hours widget allows you to choose a timezone as well as the time format you wish and adapt the time elements to fit your country’s standards.  

Advanced Time Editing

The Business Hours widget features a notification bar that can be used to provide more information in an eye-catching way for a better user experience.

Notification Bar

The Opening Hours widget features an automatic status box that provides an automated message regarding your current status, based on the working hours you’ve defined and the timezone you’ve chosen.

Automatic Status Box

The Opening Hours widget features two layout styles from which you can choose — the default and most commonly used style with the day on the left and the business hours on the right, and the Column style, which puts the hours in a column-like design.

Two Layout Styles

The Opening Hours widget features the ability to easily toggle between working days and rest days. This is especially useful to businesses whose working days change periodically. 

Easy Work Day Toggle

The Opening Hours widget features the ability to change the first day of the week, enabling users from other parts of the world, where the first day of the week is not Monday, to customize the table to fit their needs.

First Day of the Week

The Opening Hours widget features multiple lovely skins for you to choose from. These skins will complement most design color schemes and will enable you to quickly and effortlessly set up a beautiful business hours table.

Multiple Skins 

The Opening Hours 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 Business Hours 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. 

Fully Responsive

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

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

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

Easy To Embed

The Opening Hours widget enables you to provide your users with easy access to important information about your business. This will save them time and improve their experience.

Provide Easy Access to Information

A business hours table displays professionalism and is a necessary element to have on any business page — without it, you’ll be sending the wrong message to your users.

Display Professionalism with Opening Hours Widget

An opening hours table can improve your website’s design by complementing it or, on the contrary, contrasting it.

Enhance Design

Opening Hours

opening hours template 8

opening hours template 7

opening hours template 5

opening hours template 4

opening hours template 3

opening hours template 2

Opening hours template 1

Showcases images in a rotating or sliding manner

The widget comes with the option to change the carousel’s image sizes — from small, to large, vertical, or horizontal; you make the widget fit your specific needs.
Additionally, the widget also includes the ability to add captions to each image, giving you the ability to provide more information and guide visitors to other pages on your website. The carousel feature also allows for easy navigation between images, making it user-friendly and interactive.

Image Carousel Slide Size

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

Arrows & Pagination 

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

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

The Image Carousel widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your requirements.


Fully Customizable Image Carousel

The Image Carousel widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Image Carousel

The Image Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use widget

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

Image Carousel Custom CSS

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

Easy To Embed Image Carousel

With the Image Carousel widget, you can enhance your website’s design by selecting beautiful photos, and with the ability to change the photo’s sizes, and the slider’s options, you will be able to create an image carousel that is perfect for your website.

Use Image Carousel to Enhance Design

The Image Carousel widget is especially useful to people who need to promote their images and photos, on a portfolio website, for example, as it gives a simple way to showcase different works in an eye-pleasing manner.

Promote Your Work with Image Carousel

The Image Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website.

Increased Engagement

Image Carousel

Images & Galleries

You can add motion and action to your page with the Instagram Feed widget's "ticker" animation, which mimics an old news ticker. As this animation creates a dynamic and visually engaging experience, it can be an effective tool for grabbing users' attention immediately. When a user lands on your page, the ticker animation will scroll through the Instagram feed, highlighting the latest posts and updates. You can use this method to draw users' attention to the Instagram section of your website and encourage them to explore further.

Instagram Feed 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 Instagram Feed widget according to your needs and the preferences of your visitors.

Date & Time Display Settings

The Instagram Feed widget comes equipped with an "auto-refresh" option, which when toggled, keeps updating the feed with new posts automatically. This feature is particularly useful for websites that rely on fresh, up-to-date content, as it ensures that users always have access to the latest updates. When the auto-refresh option is enabled, the widget will continuously check for new posts, and automatically refresh the feed when new content is available.
This feature can also be useful for businesses that want to promote their products or services through Instagram. By keeping the feed updated with new posts, the auto-refresh feature can help to keep users engaged and increase brand awareness, leading to more sales and conversions.

Feed Auto Refresh

Two different feed types are available in the Instagram Feed widget: Tabs and Mixed. These feed types provide different ways to organize and display your Instagram feeds to suit your specific needs and preferences.
The Tabs type allows you to keep all your tabs organized by order of feed, this way you can easily navigate between your different Instagram feeds, and quickly access the content that you're interested in. With this feed type, you can create multiple tabs, each one dedicated to a specific Instagram account or hashtag, and users can simply switch between tabs to view different feeds. This can be particularly useful for businesses that want to separate their different product lines, or for users that want to keep their personal and professional feeds separate.

On the other hand, the Mixed type, mixes the various Instagram feeds to create a diverse feed. This feed type combines posts from multiple accounts or hashtags into a single feed, providing a more dynamic and varied experience for users. This can be a great way to showcase different types of content, and to provide users with a more comprehensive view of your Instagram feeds.

Different Feed Types

You can easily customize the length of the characters that are displayed to save space and make the Instagram Feed widget more compact.

Customize Character Display Length

The Instagram Feed widget comes with multiple layouts that you can choose from to ensure that it fits seamlessly into your overall website design and style. These layouts are designed to provide flexibility and versatility, allowing you to create a custom look and feel tailored to your specific needs.

Each layout type offers a different display of your Instagram feeds, allowing you to find the perfect option for your website.

You can also customize the size, spacing, and other settings of your layout to match your design needs. This means that you can create a layout that is ideally suited to your website, and that seamlessly integrates with your existing design elements.

Instagram Feed Multiple Layouts

The Instagram Feed widget comes equipped with a variety of beautiful skins that you can choose from, making it easy to create a polished and professional-looking Instagram feed for your website without spending a lot of time on extensive customization. These skins are designed to provide a wide range of different design options, from modern and minimalist to more classic and traditional styles.

With the Instagram Feed widget, you can choose from various skin options, such as minimal, clean, modern, classic, and more. Each skin type offers a different look and feels, allowing you to find the perfect option for your website.

Multiple Instagram Feed Skins

The Instagram Feed widget provides full RTL (right-to-left) support, making it accessible to a wider range of users from all over the world. This feature is particularly useful for websites that cater to users who write from right to left, such as Arabic, Hebrew, or Urdu.


Full RTL Support

The Instagram Feed widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your specific requirements.

One of the key customization options that the Instagram Feed widget offers is the ability to change the colors of different feed elements. You can change the background color, text color, and even the color of the hover effects to create a cohesive and visually appealing design that matches the look and feel of your website.

Another customization option is the ability to change the fonts. You can choose from a wide range of different fonts, to create a unique and visually striking design. This can be particularly useful for businesses that want to create a consistent brand identity across all their online platforms.

Fully Customizable Instagram Feed

The Instagram Feed widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

The responsive design of the Instagram Feed widget ensures that it will automatically adjust to the size and resolution of the device it is being viewed on, providing a seamless and consistent user experience across all devices. This means that whether your users are accessing your website on a desktop computer, a tablet, or a smartphone, they will be able to view and interact with your Instagram Feed widget in the same way.

Perfectly Responsive Instagram Feed

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

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

With custom CSS, you can create unique and visually striking designs tailored to your specific needs. Custom CSS can also be used to create unique and engaging interactions and animations that can help to improve the user experience.

Instagram Feed Custom CSS

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

The Instagram Feed widget is a powerful tool that allows you t collect and group multiple Instagram feeds into one page for easier, and quicker access. By grouping all the Instagram feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience.

Group Instagram Feeds

The Instagram Feed widget is fully customizable, and as such, you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Enhance Design using Instagram Feed

The Instagram Feed widget enables users to interact with the various feeds via the “share” button which will increase engagement on your website.

Use Instagram Feed Widget to Increase Engagement

Instagram Feed

Social Feeds

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.

Experience Multi-Row Displays with the Multi-Row Image Slider

Enhance user interaction with the Multi-Row Image Slider's "Stop on Hover" functionality. This feature allows users to hover over an image to pause the sliding motion temporarily, offering them the opportunity to view an image in more detail. This thoughtful addition caters to users' convenience, enabling a more leisurely and controlled browsing experience.

Hover-and-Hold Feature

Make the most of the Multi-Row Slider’s ability to incorporate links into each image. This feature serves as a gateway to additional content, encouraging users to explore further and engage more with your website. It's a user-centric addition that can potentially elevate the browsing experience, offering more depth and information with a simple click.

Link-Enabled Images

Offer users a bespoke browsing experience with the Multi-Row Image Slider's sliding speed control feature. This functionality enables you to dictate the speed at which images transition, providing an adaptable visual journey that can be modified to suit the overall ambiance of your website. It's a nuanced tool that allows you to fine-tune the user experience to perfection.

Customize Sliding Speed

The Multi-Row Image Slider widget is fully adaptable to your website's specific aesthetic needs. It allows you to modify various elements such as colors, fonts, and spacing to harmonize seamlessly with your existing design. Leveraging this feature, you can create a distinct visual appeal that resonates with your brand, enhancing the browsing experience on your website without the need for extensive technical know-how.

Tailorable Multi-Row Image Slider Design

Experience the versatility of the Multi-Row Image Slider, designed to deliver a consistent and seamless user experience across all devices, including desktops, laptops, tablets, and smartphones. In an era dominated by mobile browsing, this feature ensures that your website remains user-friendly and ahead in terms of functionality and design. Utilize the Multi-Row Slider to offer your visitors a swift and intuitive navigation experience, irrespective of the device they use.

Device-Responsive Multi-Row Image Slider

Implementing the Multi-Row Slider is a hassle-free process, requiring no coding expertise. Its user-friendly dashboard, complete with a drag-and-drop feature, facilitates easy customization with just a few clicks, making it a breeze to incorporate into your website and enhance the user engagement levels.

Easy To Use slider

Unleash your creativity with the Multi-Row Image Slider's custom CSS functionality. Whether you're a seasoned developer or someone with a knack for design, this feature grants you the autonomy to tweak the slider further to truly align with your website's theme. From adjusting the slider's dimensions to crafting entirely new styles, the possibilities are vast, helping you to forge a unique and engaging user experience on your site.

Multi Row Image Slider Custom CSS

Embedding the Multi-Row  Slider onto your website is a straightforward process, involving just the copy-pasting of a single line of code. This method not only facilitates easy integration but also automatically implements any changes you make to the slider, ensuring a continually updated and enhanced user experience. The ease of embedding means you can swiftly incorporate the Multi-Row Image Slider into various sections of your website, enhancing its visual appeal and functionality.

Easy To Embed Multi-Row Image Slider widget

The Multi-Row Image Slider offers an enriching visual journey for the users who visit your website. By engaging with contrasting slide directions, users are likely to find a renewed interest in browsing through the content showcased. This unique user experience could foster a positive and memorable interaction with your website, encouraging repeat visits.

Enhanced User Engagement with Multi-Row Image Slider

Implementing the Multi-Row Image Slider could be a significant upgrade to the aesthetic appeal of your website. Users can enjoy a refreshing change from the standard image sliders, as they navigate through rows of images that slide in opposite directions, offering a novel visual treat that is as pleasant as it is unique.

Aesthetic Enhancement with the Multi-Row Image Slider

Embrace the art of visual storytelling with the Multi-Row Slider. It allows users to follow a visual narrative with more interest and engagement, possibly leading to a richer and more satisfying browsing experience. Its distinctive structure serves as an innovative platform to portray your content in a visually captivating manner, enhancing the user's connection with the material displayed.

Use a Multi-Row Image Slider for Visual Storytelling

Multi-Row Image Slider

Displays data or features side-by-side, allowing users to compare and contrast the information easily

You can create detailed comparison tables with a visual representation of information in an easy-to-understand manner and add call-to-action buttons that will take your users directly to a landing page or a checkout page.

Detailed Comparison for Quicker Conversions

With an easy-to-read font and little to no clutter, important information can be received better, improving user experience and making the whole process more enjoyable.

admin Categories Category list filter

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Marketing Button

Diagrams

Opening Hours

Image Carousel

Instagram Feed

Multi-Row Image Slider

Comparison Tables

Linkedin Feed

RSS Feed Carousel

Creative Card Carousel

G2 Reviews

Podcast Player

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

admin Categories Category list filter

OpenCart extension

App Details

Pricing

Check Out the Marketing Button Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Marketing Button

Diagrams

Opening Hours

Image Carousel

Instagram Feed

Multi-Row Image Slider

Comparison Tables

Linkedin Feed

RSS Feed Carousel

Creative Card Carousel

G2 Reviews

Podcast Player

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine