Stripe Payments is the simple and lightweight implementation of Stripe.com payment service for Opencart. This extension is PCI Compliant. Currently it is the only Stripe Opencart payment gateway extension that is free and open source. It's licen..

andyv

Simple Stripe Payments

An audio player compatible with various files and sources

With just a few clicks, you can present the audio player widget in a vertical format, with a sleek, minimalist interface that features large intuitive buttons for play, pause, and skip, as well as a progress bar to show the current track's playback position and large album artwork – making it the design ideal for mobile devices.

Mobile-Friendly Design for Greater Reach

The widget can be customized to show a minimal audio player, with important elements like the cover album, the title, and the control buttons, to remove unnecessary information, and make the user truly enjoy one song at a time. 


Minimalist Design to Focus on Single Songs

With the playlist view, you can showcase multiple albums and songs to immerse your users in them truly, and to offer quick and easy navigation across the different albums. 


Expanded Design to Showcase a Full Album

Style 4

Style 5

The Audio Player widget features the ability to add audio from various sources — be it MP3s or links to audio and video hosting websites like YouTube, Vimeo, SoundCloud and more!

Multiple Audio Sources

The Audio Player comes with the shuffle option that will enable your users to listen to your audio in random order.

Shuffle

The Audio Player features the ability to toggle and customize the playlist view. You can customize the playlist and make it complement your style, or, alternatively, use the minimal version to create a more aesthetically pleasing experience.

Playlist View

The Audio Player widget offers several options to choose from, including the mini-player, which is a compact and discreet design that won't take up too much space on your page, and the enlarged thumbnail, which is a larger player that showcases the audio artwork in greater detail. Both layouts have their own unique benefits and can be used in different contexts. The mini-player is ideal for those who want to add audio to their website without making it too prominent, while the enlarged thumbnail is perfect for those who want to highlight the audio artwork and make it a focal point of the page.

Multiple Layouts

You can easily change the position of the Audio Player via the position option. Inline? Top right? Bottom left? Really, the choice is yours.

Position

The Audio Player widget offers a variety of stunning premade skins that you can use to create an Audio Player quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Multiple Skins

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

Fully Customizable

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

Perfectly Responsive Audio Player

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

Easy to Use

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

Audio Player Custom CSS

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

Easy to Embed Audio Player

Use this powerful music player tool to add your mp3 files, music, songs, podcasts, or other equally entertaining audio projects and make your projects accessible to a broader audience!

Promote Yourself with the Audio Player Widget

Add more variety to your content and cater to the different needs of your audience. Add a read-along for children to follow stories, create podcasts, or add an accompanying music playlist to your text.

Enrich Your website Content with a Music Player Widget

You can improve your users’ experience by making certain audio files available with an mp3 Player Widget. You can, for example, create audio versions of your well-researched, highly informative, and exceptionally entertaining text, upload it via the Music Player Widget and allow visually impaired users to enjoy it. Or, make it available for those who are on the go and can’t sit and read your long text.

Improve User Experience

Audio Player

Media

Website Components

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

The Section Builder widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Achieve Flexibility and Customization with Section Builder

Section Builder

New!

Embed interactive definitions, images, and search function on your site.

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

The Glossary widget excels in offering instant, on-page definitions for specialized terms. This core feature enhances user comprehension by providing immediate explanations, keeping visitors engaged without disrupting their browsing experience. It's an invaluable tool for sites with technical or niche content, effortlessly bridging the gap between expert terminology and reader understanding.

Direct Term Clarification with the Glossary Widget

The Glossary widget is equipped with right-to-left (RTL) text support, catering to languages that flow from right to left. This feature ensures that the widget is accessible and user-friendly for a diverse range of global audiences, enhancing the inclusivity and functionality of your website.

Right-to-Left Support in the Glossary Widget

The Glossary widget incorporates an alphabetical filter, allowing users to efficiently sort and view terms by selecting a specific letter. This feature streamlines the search process, making it easier for visitors to navigate and locate the exact term they're interested in within your glossary.

Alphabetical Filtering in the Glossary Widget

The Glossary widget includes a language selection option for its alphabetical filtering feature. You can choose the glossary language, ensuring the alphabetical sorting aligns with the linguistic characteristics of their selected language, enhancing usability and accessibility for a global audience.

Multilingual Alphabetical Filtering 

The Glossary widget offers a range of layouts to perfectly match your website's design. Choose the ideal layout that complements both the aesthetic and functional aspects of your site, ensuring your glossary not only informs but also visually integrates with your page.

Variety of Glossary Layouts

With a selection of elegant design skins, the Glossary widget adapts seamlessly to your brand style. Whether your website sports a modern or traditional look, you'll find a skin that enhances its visual appeal, simplifying the customization process.

Multiple Design Skins for the Glossary Widget

The Glossary widget provides extensive customization options. Adjust colors, fonts, and spacing to suit your site's unique style, creating a tailored look that aligns perfectly with your website's theme.

Fully Customizable Glossary Experience

Designed to be fully responsive, the Glossary widget ensures a consistent and elegant display across all devices. This adaptability is crucial for maintaining a professional appearance and user-friendly experience in today's mobile-centric world.

Responsive Design of the Glossary Widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface allows for quick and effortless adjustments, making it suitable for anyone to integrate and personalize, regardless of technical expertise.

User-Friendly Glossary Integration

For those who desire deeper customization, the Glossary widget supports custom CSS. This feature caters to developers and designers looking to inject a unique flair, providing further control over both the appearance and functionality of the widget.

Custom CSS Options for the Glossary Widget

Embedding the Glossary widget on your website is straightforward, involving a simple code insertion. The widget updates automatically with every modification you make, keeping your website up-to-date effortlessly.

Effortless Embedding of the Glossary Widget

This widget plays a pivotal role in simplifying complex terminologies for your website visitors. By providing clear, concise definitions, it aids in enhancing user comprehension, ensuring that your content is accessible and understandable to a broader audience.

Enhanced User Understanding with the Glossary Widget

By systematically explaining industry-specific terms, the Glossary widget contributes to better Search Engine Optimization. It not only helps in ranking for niche keywords but also improves the overall readability and quality of your website's content.

Improved SEO with Terminology Guide

Offering a comprehensive Definition List on your website establishes you as a knowledgeable authority in your field. This trust-building tool can significantly enhance your brand’s credibility, encouraging repeat visits and stronger customer relationships.

Credibility and Authority Building Tool

Glossary

Glossary - Template 6

Glossary - Template 5

Glossary - Template 4

Glossary - Template 3

Glossary - Template 2

Glossary - Template 1

A dynamic display that showcases brief news snippets or updates through continuous scrolling

The News Ticker widget features several types of animations that you can choose for your news ticker, enabling you to customize the widget to your liking. Select from a range of smooth transitions to create a unique and engaging experience for your audience.


Various Ticker Animations

The News Ticker widget comes available with different types of label styles that enhance the widget’s visuals and allow you to further fit its design to your needs. Choose from various font styles and sizes to ensure your news ticker perfectly complements your site's aesthetics.

Different Label Styles

The text in the Ticker can be linked to any URL, making it not only a powerful visual tool but a functional, information and promotion-driven tool. This feature allows you to turn your news ticker into a dynamic source of traffic for your website or targeted content.

Linkable Text

The News Ticker widget features a wide array of options for controlling the ticker — from the Ticker’s speed, to enabling and disabling the looping feature, and more! This granular control enables you to optimize the user experience and cater to the preferences of your audience.

Advanced Ticker Controls

The News Ticker 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. These pre-designed themes provide an easy way to quickly make your news ticker visually appealing and consistent with your brand identity.

News Ticker Multiple Skins

The News Ticker widget has a selection of beautiful icons that you can use to add to it and enrich its visual appearance. Use these eye-catching icons to highlight specific news items, categories, or to convey additional information.

A Selection of Beautiful Icons

The News Ticker 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! This unmatched flexibility allows you to create a truly unique and personalized news ticker for your website.

Fully Customizable News Ticker

The News Ticker 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 News Ticker

The News Ticker 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 News Ticker widget and be even more creative. This advanced option enables developers and designers to add their unique touch and refine the widget's appearance and functionality.


Custom CSS

You can embed the News Ticker on your website easily by copying a single line of code. The News Ticker widget will also be updated automatically with every change you make, ensuring a hassle-free integration and maintenance process for your site.

Easy To Embed 

With the News Ticker widget, you can provide real-time news to your website, to keep your users updated, informed, and engaged.

Update In Real-Time

With the News Ticker widget and its constant scrolling motion of news, you are certain to draw the user’s eye and increase user engagement with your website.

Grab Attention with a text ticker

The News Ticker widget allows you to save space by adding text without taking up more space, which is especially great for websites with limited real estate.


Save Space

News Ticker

News Ticker template 6

News Ticker template 5

News Ticker template 4

News Ticker template 3

News Ticker template 2

News Ticker template 1

Present images and text with a variety of animated effects and transitions for an engaging visual display

The widget comes with over 24 different hover effects that you can choose from to enhance your users’ visual experience. These hover effects enhance the user's experience by surprising and delighting them, and they also stimulate interaction with the content and further exploration of your website.

Various Hover Effects

The Image Hover Effects widget comes with a variety of animations that you can add to your hover effects to make them even more stunning. You may provide your audience with an immersive and engaging experience by using the loading animations.

Different Loading Animations

You may fully customize the Image Hover Effects widget to change the style to suit your needs. 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.

When links are added to photos, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Linkable Images

Apply filters to images to augment their appearance with a trendy aesthetic. In combination with animation effects, it will create a stunning visual display.




Color Overlay image filters

Any website would benefit from the widget Image Hover Effects. 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. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Image Hover Effects widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

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

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

With the Image Hover Effects widget, you can improve the aesthetics of your website by adding visual interest through the use of effects such as color overlays, transitions, and animations. These effects can help to draw attention to important elements of your website, such as calls to action or featured products.

Enhance Aesthetics

With the Image Hover Effects widget, you can highlight important content on your website and draw attention to it. And, with the interactive features, you can certainly increase engagement. Furthermore, the widget allows you to easily customize the design and placement of the highlighted content, making it an effective tool for improving user experience and increasing conversions.

Increase Engagement

With the Image Hover Effects widget, you can provide a better user experience by adding visual interest, improving navigation, and highlighting important content. In addition, the widget's compatibility with various platforms and devices ensures that your website's aesthetics remain consistent and visually appealing for all visitors.

Provide a Better User Experience

Image Hover Effects

Get Creative

Images & Galleries

Organize links, display logos, and integrate social media on your website footer.

The Mega Footer widget facilitates a well-organized and clean layout by allowing you to segregate links and information into multiple columns. This functionality not only enhances the visual appeal but also aids in categorizing content in a manner that is easy to navigate. It's a practical way to ensure that your website's footer is both user-friendly and aesthetically pleasing.



Structured Layout with Multiple Columns

With the Mega Footer widget, you can effortlessly categorize and group your footer links under distinct titles. This functionality allows for a more organized and intuitive navigation experience, helping visitors to locate the information they're interested in without hassle. It's a thoughtful way to streamline content and enhance user satisfaction on your website.

Customizable Sections with Titles and Descriptions

The Mega Footer widget makes adding links to both internal and external pages a breeze. This feature allows for a seamless integration of various links, facilitating quick navigation to different sections of your website or external resources. It's a simple yet effective tool to enhance the connectivity and resourcefulness of your website

Effortless Link Integration

Keep your contact details readily accessible with the Mega Footer widget's address field feature. This section enables you to display essential contact details such as phone numbers, email addresses, and physical addresses prominently in the footer. It's a straightforward way to encourage communication and foster a sense of trust and transparency with your website visitors.

Comprehensive Address Field

Showcase your brand's identity prominently with the Mega Footer widget's logo and media display feature. This functionality allows you to exhibit your logo and other pertinent images at the footer, adding a visual appeal and fostering brand recognition. It's a simple method to enhance your website's professional look and create a lasting impression on visitors.

Logo and Media Display

The Mega Footer widget facilitates seamless integration of social media links right at the footer of your website. This feature allows for a centralized space where visitors can easily find and access your social platforms, encouraging better engagement and community interaction. It's a straightforward way to expand your online presence and foster a closer connection with your audience.

Integrated Social Links

The Mega Footer widget offers a variety of beautiful skins to choose from, significantly shortening the design process. This feature enables you to select a skin that aligns with your brand's aesthetics and the overall look and feel of your website. It's a convenient way to maintain brand consistency while adding a touch of professionalism and visual appeal to your site's footer area.

Multiple Skins Selection

With the Mega Footer widget, tailoring the appearance and ambiance of your footer is a breeze. Effortlessly modify elements like colors, fonts, and spacing to resonate with your brand or personal preference. Whether you're aiming for a contemporary, sleek layout or a more classic appearance, the Mega Footer widget accommodates your needs. Offering a plethora of customization possibilities, it allows for fine-tuning every facet of your footer to achieve the ideal aesthetic for your project.

Fully Customizable Mega Footer Widget

The Mega Footer widget is crafted with user-friendliness at its core, promising effortless utilization and comprehension of its features. Its intuitive design promotes user engagement, ensuring that visitors can navigate through the widget with ease, contributing to an improved overall website experience.

User-Friendly Mega Footer

The Mega Footer widget is fully responsive, guaranteeing that your content maintains its optimal presentation on any device. This ensures that your compelling links and visually appealing layout will preserve their effectiveness and readability, whether accessed via desktop, tablet, or smartphone.

Fully Responsive Mega Footer

Similar to our other tools, the Mega Footer widget also offers the versatility to incorporate custom CSS, allowing for a genuinely customized appearance. Users proficient in coding can enhance the widget's visual appeal, achieving their desired design style by integrating their own custom CSS code.

Personalize with Custom CSS

The Mega Footer widget is straightforward to embed on any website, requiring only basic technical knowledge. This means you can swiftly configure it without the necessity for extensive assistance or advanced skills, facilitating a smoother and quicker setup process.

Simple Stripe Payments

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Section Builder

Glossary

News Ticker

Image Hover Effects

Mega Footer

Ratio

RSS Feed

YouTube Carousel

Calculator

Restaurant Menu Flip Cards

Image Gallery

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Simple Stripe Payments

OpenCart extension

App Details

Pricing

Check Out the Audio Player Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Section Builder

Glossary

News Ticker

Image Hover Effects

Mega Footer

Ratio

RSS Feed

YouTube Carousel

Calculator

Restaurant Menu Flip Cards

Image Gallery

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine