This patch is for OpenCart older versions like 1.5.2 to 1.5.5 to work with new PHP version 5.5 and in future required mysqli Using this patch you don't need to upgrade your core and modules.

PHP 5.5x Patch

Displays short, posts and media in a slideshow format

The Stories widget features a progress bar that will help your users to keep track of the content they are viewing, thereby improving their experience.

Progress Bar

The Stories widget features multiple layouts for you to choose from. The right layout will help you send the right message and will also complement your design.

Multiple Layouts

The Stories 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 Stories is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

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

Easy To Use

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

Custom CSS

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

Easy To Embed 

The Stories widget includes the option to choose the shape of its frame. You can choose from three options: circle, square, or card. This allows you to customize the stories' appearance to fit your website's aesthetic.

Story shape

The Stories widget offers full RTL (Right-To-Left) support, making it accessible to users who write from right to left. This feature expands the reach of your news and makes it more accessible to a broader range of users from around the globe.

Full RTL Support

Stories will enable you to create eye-catching content that will keep your users engaged, entertained and glued to their screens for long periods of time. If the time spent on your site is a KPI then this widget will do wonders to improve it.

Increase Time on Site

With the Stories widget, you can promote products & services in a creative, out-of-the-box way. Use clever combinations of text and images to focus the users’ attention on features and benefits you’d like to highlight.

Promote Products & Services

The Stories widget, as the name suggests, enables you to tell stories. Use it on your blog to create a captivating story with visual aids.

Tell Stories

Use the Stories widget when you want to bring a familiar, social style content format to your site. Short, swipeable stories are perfect for updates, product highlights, promotions, behind the scenes looks, and quick announcements that would get lost in a long page. This widget presents content in a vertical, tap friendly format that works especially well on mobile and feels natural to users who spend time on social media. You can combine images, short texts, and clips to create guided sequences that tell a focused story. It keeps visitors engaged, encourages exploration, and gives you a flexible space to surface timely content without redesigning your main layouts.

Stories

Website Components

Display multiple locations with enriched details and customizable aesthetics.

Example 1

Example 2

Example 3

Example 4

With the Google Maps widget, you can plot several places all at once. Whether you have multiple branches, partner locations, or other points of interest, you can display them all together, making it easier for your visitors to see the full extent of your reach.

Showcasing Multiple Locations

The Google Maps widget can provide a handy list of all your locations. This means your visitors can quickly see all the places you operate from, and select the one they're interested in, offering an easy and fast way to access information about each location.

Accessible Location List

With the Google Maps widget, each location can be so much more than just a pin on a map. You can enhance each spot with a descriptive card that includes an image and some text, allowing your visitors to get a better sense of what each location offers before they even set foot in the door.

Enriched Location Display

With Google Maps widget, you're not just sharing a location, but offering valuable information. For each location, you can display working hours, provide a link to a dedicated website, and even share a contact phone number. This ensures your visitors have all they need to reach out or plan a visit.

Providing Comprehensive Information

The Google Maps widget lets you add a touch of personalization to your website. You can choose from a variety of beautiful map skins, ensuring the map not only provides essential information but also aligns perfectly with your site's aesthetic and branding.

Multiple Map Skins

The Google Maps widget allows you to break away from the standard pin style. You can choose from a variety of pin styles to mark your locations, adding an extra layer of customization and visual appeal to your map. This can help your site stand out and make the



Diverse Pin Styles

The Google Maps widget includes a handy direction button feature. With just a click, your visitors can open up directions from their current location to any of the spots on your map. This makes planning a visit or journey to your locations as easy as a simple click.

One-Click Directions

The Google Maps widget is fully customizable, allowing you to tweak its design to match your website's style. You can easily adjust elements like colors, fonts, and spacing to create a widget that fits seamlessly with your site. The real-time preview feature lets you experiment and refine until you land on the perfect design that enhances your users' experience.

The Google Maps widget is designed for optimal performance across all devices. Its responsive design ensures it works flawlessly on desktops, laptops, tablets, and smartphones. This adaptability provides a consistent and intuitive user experience, crucial in the mobile-centric world, giving your website a competitive edge.

Perfectly Responsive Google Maps

The Google Maps widget is designed for simplicity, requiring no coding skills. Its user-friendly dashboard, coupled with easy drag-and-drop features, lets you tailor the widget to your preference in a matter of clicks.

Easy to use

With the Google Maps widget, you can dive deeper into customization using your own CSS. Whether you're a seasoned developer or a creative enthusiast, this feature allows you to modify aspects like size, shape, and position, or even invent new styles. This flexibility ensures the widget seamlessly aligns with your website's aesthetic, elevating your visitors' experience.

Use Custom CSS

Effortlessly incorporate the Google Maps widget into your website with just a single line of code. Each change you make to the widget will automatically reflect on your website. Simply copy the provided code for the Google Maps widget and insert it into your website's HTML code. You can position this code in the most suitable area of your website, whether that's the footer, header, or any other section.

Easy to embed on any website

With a maps widget, your visitors can quickly and effortlessly find your physical location. No need to leave your site to search for an address, it's all right there, simplifying their user journey.

Ease of Location Discovery

Having a maps widget on your site shows you have nothing to hide. It's a sign of trustworthiness and transparency, assuring your visitors that you're a real entity with a physical presence.

Increased Trust and Transparency

Implementing a maps widget can contribute to local SEO. As search engines understand your site's relevance to a location, you can potentially rank higher in local search results, attracting more visitors.

Boosted SEO Value

Use the Google Maps widget when location is part of your offer and you want visitors to find you or your branches without confusion. A customized map with multiple pins, labels, and styled colors gives users a clearer sense of where you operate than plain addresses alone. This is key for physical stores, clinics, coworking spaces, logistics hubs, and multi location service brands. Visitors can zoom, switch views, and open directions directly from your site. Presenting geography visually reduces friction, saves support time, and builds trust that you are a real, reachable business with concrete presence in the world.

Google Maps

Show image and text cards that, when clicked, flip to reveal additional content on the other side





Example 5

The Flip Cards comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Flip Cards Multiple Layouts

The Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

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

Beautiful Flip Cards Skins

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Flip Cards 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 Flip Cards widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Flip Cards

The Flip Cards 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 Flip Cards Widget

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

Flip Cards Custom CSS

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

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Use the Flip Cards widget when you want to present information in a compact format that feels interactive and memorable. Each card shows a front view with a title or image, and flips to reveal more details, letting visitors explore content at their own pace. This is ideal for features, services, benefits, team bios, learning materials, and any page where you want to reduce clutter without losing depth. Flip cards keep layouts clean because secondary text stays hidden until the user shows interest. The interaction increases engagement and recall by turning reading into discovery. With clear, focused fronts and concise backs, flip cards guide attention and support stronger decisions.

Flip Cards

Get Creative

Lists & Cards

Allow users to fill in orders, save submissions, enable notifications, and more

The Order Form allows you to seamlessly collect payments from your users. Whether you’re selling products, services, or custom orders, this feature integrates secure and reliable payment options directly into your form. With an intuitive setup and streamlined payment processing, you can enhance the ordering experience while ensuring efficiency and convenience.

Accept Payments Through Your Order Form

The Order Form Creator offers a variety of customizable fields to create the perfect order form for your needs. You can easily tailor the form to suit your product requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect order form.

Customizable Fields for Product Order Form

The Product Order Form simplifies the collection and organization of all product order data in a clear and accessible format. This feature streamlines the tracking of orders, ensuring that you can review and fulfill orders more quickly and effectively. With our forms, you can easily manage and access all the information submitted in the form, making it easier to keep track of your product orders.

Effortless Collection of Product Order Data

The Product Order Form's export functionality for order data to a CSV file offers significant benefits in terms of efficient order organization and integration with other tools. This feature allows for easy transfer of order data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of order information for data analysis, reporting, and management purposes, this feature is an invaluable asset.

Export Product Order Data to CSV

By incorporating designated fields for product orders; including product information such as quantity and color options, as well as customer information fields such as Name, Email, Phone, and Shipping Address, you can gather important information that can help you manage your product orders more efficiently. By including fields for product variations, special requirements, and payment options, you can provide a more personalized and streamlined ordering experience for your customers.

Key Fields for Product Order Form

Incorporating headings, descriptive text, and visuals into your product order form enables a more engaging and intuitive ordering experience for customers. Including informative form elements can guide customers through the process, promoting a seamless experience and increasing the chances of successful orders. With the ability to customize the form with text, images, and other visuals, you can create an order form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Order Form with Text and Images

With the Product Order Form, you have the option to personalize your order form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Order Form also includes the option to enable notifications for both the form owner and the customer. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the customer upon successful order placement.

Receive Notifications for New Orders

The Product Order Form allows you to enable the CAPTCHA anti-spam feature, which customers must complete before submitting their order. This functionality helps prevent bots and automated scripts from submitting spam entries through your order form, ensuring that you receive authentic orders from genuine customers.

Prevent Spam in Your Order Form

The Order Form ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Order Form

The Product Order Form comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Order Form Styles

The Order Form provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our form's user-friendly interface, you can easily customize the form to match your website's design and create a seamless ordering experience for your customers.

Fully Customizable Product Order Form

The Order Form is fully responsive and will look great on any device. Having a form 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. With the Order Form, you can create an order form that is perfectly responsive and provides a seamless ordering experience on any device.

Perfectly Responsive Order Form

The Order Form Creator is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Order Form Creator

Our advanced editor is a robust tool that grants you full control over the Product Order Form's appearance. With this feature, you can effortlessly personalize every aspect of the form's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Order Form

To integrate the Product Order Form into your website, copy and paste the provided code snippet into your page's HTML code. The form is designed to auto-update, which means any modifications you make in the Product Order Form editor will be automatically reflected on your website.

Easy Embed of Product Order Form

An Order Form allows customers to quickly and easily place an order for your products or services, reducing friction and increasing the likelihood of conversion. This makes it an essential tool for any business looking to streamline the ordering process and provide a seamless experience for their customers.

Streamlined ordering process

Using an Order Form Creator can save time and resources by automating the ordering process, eliminating the need for manual tracking and follow-up. This can help businesses increase efficiency and productivity while improving customer satisfaction and loyalty.

Increased efficiency

The Order Form can be designed to include automated responses, letting customers know that their order has been received and providing them with important details such as estimated delivery times. This feature not only provides customers with a positive ordering experience but also reduces the number of inquiries received by businesses regarding the status of their orders.

Automated Order Responses for Customer Satisfaction

Use the Order Form widget when you sell products or services that are better handled through custom requests than standard ecommerce carts. It allows customers to specify items, quantities, options, and contact details in a flexible structure tailored to your offering. You can connect submissions to notifications and payment flows so that each request turns into a clear next action. This works especially well for agencies, print shops, catering, B2B packages, made to order goods, and any business that needs more context than a simple add to cart. A well designed order form reduces back and forth communication, speeds up quoting or confirmation, and gives buyers a smooth, guided way to place orders.

Order Form

Forms

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

Use the Diagrams widget when your ideas involve systems, flows, or relationships that are easier to grasp visually than in text alone. Flow charts, decision trees, and process diagrams help visitors see how pieces connect and what steps lead to which outcomes. This is valuable for onboarding, product architecture, troubleshooting guides, and strategic explanations. Instead of embedding static images that are hard to update, you build and adjust diagrams directly on your site. Clear diagrams reduce misunderstandings, improve learning, and give your documentation or sales content a more professional, thought through feel.

Diagrams

Shows images in a Slideshow sequence that transitions from one slide to the next.

The Slideshow widget lets you control how each slide is displayed so it fits your layout and content. You can switch between different image sizes and orientations, such as small, large, vertical, or horizontal, depending on what looks best on your page. Each slide can also include a caption, which helps you add context, explain what visitors are seeing, or guide them toward another section or page. Navigation between slides is simple, so users can move through the Slideshow without friction.

Control Slide Size, Orientation, and Captions

You can customize the Slideshow widget to match your site’s visual style in detail. Adjust colors, fonts, spacing, borders, backgrounds, and other design elements until the Slideshow feels native to your page. This makes it easy to use the widget across different sections of your site while keeping a consistent look, whether you want something minimal or more branded.

Customize the Slideshow Look to Match Your Site

The Slideshow widget is fully responsive, so slides scale smoothly across desktop, tablet, and mobile. Images remain sharp, controls stay usable, and captions remain readable at every screen size. Since many visitors browse on phones, having a responsive Slideshow helps keep the visual experience clear and interactive without forcing extra zooming or scrolling.

Responsive Image Slideshow Across Devices

The Slideshow includes clear navigation controls such as arrows and pagination indicators. Arrows let visitors move forward or backward one slide at a time, while pagination dots or numbers show how many slides exist and where the visitor is in the sequence. These controls make the Slideshow easy to explore and help users understand that more content is available within the same visual frame.

Choose Navigation Arrows and Slide Indicators

The Slideshow widget lets you customize how visitors move between slides. You can choose different arrow designs and select the pagination style shown below the slides, such as dots or other indicators. This helps you match the controls to your website’s UI so the Slideshow feels consistent with your overall design, while still making navigation clear.

You can control how quickly the Slideshow transitions and how long each slide stays visible when autoplay is enabled. Adjusting speed and delay lets you shape the viewing rhythm, whether you want a calm, gallery like flow or a faster sequence for short highlights. These settings help align the Slideshow behavior with the type of content you are showing.

Set Autoplay Speed and Slide Timing

The Slideshow widget includes several layouts you can pick from depending on where you place it. You might choose a classic single slide view, a layout that shows part of the next slide, or a more structured frame that fits a specific section. Having multiple layouts makes it easier to integrate a Slideshow into different page types without redesigning the area around it.

Multiple Slideshow Carousel Layouts

The Slideshow widget is designed to be simple to build and update. You can add slides, reorder them, edit captions, and adjust design or behavior settings through a straightforward editor, without needing code. This lets anyone on your team manage the Slideshow quickly and keep it current as your visuals change.

Simple No Code Slideshow Editor

The Slideshow widget supports custom CSS, giving developers and designers deeper control beyond the built in settings. You can create your own styles for slide layout, transitions, captions, spacing, and responsive behavior. This is useful when you want the slideshow to follow a specific design system or include visual details that are not available in the standard editor.

Custom CSS for Slideshow Styling

Adding the Slideshow widget to your site takes one line of embed code. Copy the snippet from the editor and paste it into your page HTML or platform embed area. After embedding, the Slideshow updates automatically whenever you change slides, captions, design, or behavior settings, so you do not need to reinstall or replace the code.

Easy to Embed Slideshow on Any Website

The Slideshow widget helps you add a focused visual area to a page without overcrowding it. You can choose strong images, control their size, and set how slides transition, so the Slideshow fits your design and supports the content around it. This makes it easier to create a polished section that looks intentional rather than improvised.

Improve visual layout with a Slideshow

If you need to show several related visuals, a Slideshow gives you a clear way to display them together. Instead of spreading images across the page, you can keep them in a single sequence that visitors can click through. This is useful for portfolios, project highlights, case studies, or any page where images are part of the story.

Present work and images in one organized place

A Slideshow naturally invites users to engage by moving between slides. Visitors tend to spend more time looking through images when they are presented as a sequence, especially on landing pages or feature sections. This keeps attention on the content you want to highlight and supports deeper browsing.

Encourage interaction with your content

Use the Slideshow widget when you want to present multiple visuals that support one idea, but you do not want them to take over the page. Instead of placing images one after another in a long stack, a Slideshow cycles through them inside a compact area. This keeps the layout tidy and lets visitors move through the visuals at their own pace.

A Slideshow works well for showing product views, service examples, customer stories with photos, or step by step sequences. Because the slides stay in one focused frame, the important content around them stays visible and your page feels more structured. This is especially useful in hero sections, above the fold areas, and landing pages where you want to add visual depth without crowding the screen.

PHP 5.5x Patch

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Stories

Google Maps

Flip Cards

Order Form

Diagrams

Slideshow

Pricing Tables

Animated Number Counter

Countdown

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

PHP 5.5x Patch

OpenCart extension

App Details

Pricing

Check Out the Stories Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Stories

Google Maps

Flip Cards

Order Form

Diagrams

Slideshow

Pricing Tables

Animated Number Counter

Countdown

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine