Ω SUPPORTS OPENCART 2.3 Ω OPTION SKU - CODE It adds the sku / code to each option value. the sku-code will be displayed in the cart, in the checkout, in the order and in the invoice.

Option Sku - Code(1.5.x-2.3)

Display images within frames depicting screens of various computer and mobile devices

A device mockup will not only help your users visualize your message, but with the right colors, fonts, and images, it can create a stronger association with your brand. 


Enhanced Design — Stronger Brand Presentation

With the right mockups, you can help your users visualize your services or products on their various devices, making their decision-making process shorter and in your favor. 

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5

The widget features a selection of various devices and device types that you can choose from. The devices include mobile, tablet, laptop, and desktop, while the device types will enable you to choose a more specific device like an iPhone, a Galaxy phone, an iPad, and many more.


Multiple Devices

The widget comes with the ability to change the device's orientation from portrait to landscape and vice versa.

Portrait & Landscape

The widget features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey even more immersive.

In-Mockup Scrolling

You can play with the device’s brightness to complement your design needs and highlight the various choices you are more in favor of.

Device Brightness

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

Multiple Layouts

The Device Mockup widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Device Mockup 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 Device Mockup widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

The Device Mockup 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 Device Mockup Widget

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

Custom CSS

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

Easy To Embed

The widget will enable you to offer your users a clear visualization of what your content will look like on various devices — desktop, tablet, or mobile.

Clear Visualization

By offering your users an easy-to-follow visualization, you will create an immersive experience that will keep your users satisfied.

An Immersive Experience

With the widget, you can expedite the user’s decision-making process by showing how your content will look on their device and adding a CTA button right next to it.

Easier Decision-Making

Device Mockup

Website Components

Effortlessly explore your Vimeo video collection using intuitive arrow buttons and dot indicators. These navigation tools make it simple for visitors to browse through your carousel, creating a seamless and engaging user experience.

Smooth Navigation with Arrows and Dots

The Vimeo Carousel Widget offers extensive design flexibility, letting you fine-tune its appearance to align with your website’s branding. Modify colors, fonts, spacing, and other elements to achieve a cohesive and unique look that enhances your site.

Fully Customizable Design for the Vimeo Carousel

Ensure your Vimeo carousel displays flawlessly on any screen size. The widget is optimized for responsiveness, providing a consistent and attractive viewing experience on desktops, tablets, and smartphones alike.

Responsive Vimeo Carousel for All Devices

Control the flow of your Vimeo Carousel by setting the slide speed and how long each video stays on screen. This feature lets you deliver a tailored viewing experience that matches your audience’s preferences and keeps them engaged.

Adjustable Carousel Speed and Display Timing

Keep your website dynamic with a Vimeo Carousel that refreshes automatically to showcase your newest videos. This ensures your site always displays the latest content, keeping visitors interested and encouraging repeat visits.

Auto-Updating Vimeo Content for Freshness

Make your carousel interactive by enabling clickable videos. Visitors can click on any video to view it directly, increasing engagement and helping them connect with your content on a deeper level.

Clickable Videos for Enhanced Engagement

Setting up and managing the Vimeo Carousel widget is straightforward, even for those with no coding experience. Its intuitive interface allows you to customize and embed the carousel with just a few simple steps.

Easy-to-Use Vimeo Carousel Widget

For those seeking even more flexibility, the Vimeo Carousel widget supports custom CSS. This feature is ideal for designers and developers looking to refine the carousel’s appearance and functionality to fit specific requirements.



Advanced Customization with CSS

Embedding the Vimeo Carousel widget is quick and easy, requiring just a single line of code. Once integrated, any updates you make will automatically reflect on your website, saving time and effort

Effortless Embedding on Any Website

The Vimeo Carousel widget helps you present your video content in a sleek, scrollable carousel format. This enhances your website’s aesthetic while keeping visitors engaged with visually appealing media.

Showcase Your Vimeo Content in Style

Using the Vimeo Carousel widget can significantly enhance your website’s visual impact, helping you showcase your brand’s creativity. By featuring high-quality Vimeo videos in a dynamic carousel, you leave a lasting impression on your visitors.

Elevate Your Brand’s Visual Presence

With the Vimeo Carousel, embedding and displaying your Vimeo videos is effortless. It allows you to create a smooth, professional display that aligns with your site's design and captivates your audience.

Seamlessly Integrate Vimeo Videos into Your Website

Display your Vimeo videos in a customizable, responsive, and easy-to-navigate carousel.

Vimeo Carousel

Social Feeds

New!

Powerful Jobs Board widget, mobile-friendly, easy website integration.

With the Jobs Board widget, you can utilize dedicated fields specifically designed to display crucial job-related information. Easily input job roles, requirements, and benefits to create detailed and informative listings that attract potential candidates.

Customizable Job Fields

This widget offers the flexibility to add or modify job listing fields, catering to specific industry or role requirements. Include multi-selection options, yes/no fields, and detailed descriptions to ensure comprehensive job postings.

Dynamic Custom Fields

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

Tailored Job Views

Every job listing features a Full Details Card, offering a complete overview of the job role, requirements, and company information. Candidates gain valuable insights to determine their suitability for the position and interest in applying.

Comprehensive Job Insights

Include images or company logos to make each job listing visually appealing and recognizable. These visual elements can help to strengthen your company’s brand presence within each listing.

Visual Element Addition

The widget allows candidates to apply filters, streamlining the search process. By sorting listings based on various job criteria, applicants can efficiently find roles that align with their skills, experience, and career goals.

Filtered Job Search

Job seekers can sort available positions based on criteria like job type, location, or company. This feature enhances user navigation, allowing candidates to quickly identify and apply for jobs that meet their preferences.

Sortable Job Listings

Each job listing can integrate a map to display the job’s location or the company’s headquarters. This feature helps candidates to consider the geographical aspect when applying for positions.

Interactive Location Insights

Select from a range of skins to ensure the Job Listings widget aligns with your website’s design and branding. The customization ensures a consistent and professional presentation of job openings.

Select from multiple skins

The Jobs Board Widget is engineered for ease of integration and is compatible with diverse website platforms. It ensures that adding a dynamic and organized job listing section to your site is hassle-free and efficient.

User-Friendly Integration

The Jobs Board Widget provides users with extensive customization options, ensuring every job listing aligns with your brand and meets the specific needs of your audience. Modify job fields, adjust display settings, and choose from a variety of design options to create a unique and engaging job search experience on your website. Every element can be tailored, guaranteeing that your job listings are not only informative but also visually consistent with your website's design.

Complete Customization Control

The Job Board widget is an indispensable tool for any website. Not only is it fully responsive, ensuring it adjusts seamlessly to fit the screen size of any device, but it also features a sleek and modern design that will elevate the overall aesthetics of your site. In a world where an increasing number of individuals are accessing the internet via their phones and tablets, having a website optimized for mobile viewing is essential. The Job Board widget allows you to achieve this, granting you a competitive advantage.

Perfectly Responsive Job Board

Gain full control over the styling of your job listings with CSS flexibility. Adjust the look and feel of the listings to ensure they seamlessly blend with your website's aesthetic and design elements.

Advanced CSS Customization

The Job Listings widget is meticulously crafted to ensure compatibility and ease of integration with a variety of website builders and platforms. Its intuitive design facilitates a quick and hassle-free setup, enabling you to enhance your website with a comprehensive jobs board section without encountering technical or compatibility challenges.

Effortless Installation Across Platforms

The Job Listings widget simplifies the process of managing job postings on your website. Easily post, edit, or remove job openings, ensuring that candidates always have access to the most current opportunities.

Streamlined Job Management

Organizing and displaying job openings effectively attracts a focused group of applicants, ensuring that openings are visible to the most qualified and interested candidates. This precision in reach can lead to higher-quality applications.

Targeted Applicant Reach

Job seekers can effortlessly browse and filter job openings, thanks to the widget’s intuitive design. Clear, organized listings and easy navigation accelerate the application process, benefiting both employers and candidates.

Efficient Application Process

Job Listings

Lists & Cards

Prevent content copying by disabling right click on your website

Example 1

Example 2

Example 3

This widget lets you choose the types of content you want to protect on your website, such as images, background images, and text, and even disable specific keyboard keys. This flexibility ensures that you can customize the protection level to suit your unique website requirements, focusing on the content most important to you while providing an optimal user experience.
With selective content protection, you can prioritize safeguarding the most valuable aspects of your website. Customize the protection settings to ensure that your content remains exclusive while maintaining a user-friendly experience for your visitors.

Selective Content Protection

When a user attempts to right-click on your protected content, the widget displays a customizable message, informing them that the site content is protected for copyright purposes. This serves as a gentle reminder of your content's ownership and the importance of respecting intellectual property rights.

Use a customizable protection message to educate visitors about respecting your copyrights, while also creating a consistent and professional tone across your website. This feature helps reinforce the value of your content and promote responsible online behavior.

Customizable Protection Message

Make your message stand out by choosing your own icon or image, adding a visually appealing touch to the copyright protection notification. Select from various icons or upload your own image to create a unique and engaging experience for your website visitors.

Personalized message with Icons or Images

With the Right Click Protection widget, you have extensive customization options to tailor every aspect according to your preferences and requirements.  You have full control over the widget's appearance, ensuring it matches your desired style.

Complete Customization Options

The Right Click Protection widget is designed to be user-friendly, providing easy access and understanding of the protection process. The intuitive interface encourages visitor interaction, allowing them to navigate the widget effortlessly and obtain the information they need without any complications. This enhances the overall website experience.

User-Friendly and Intuitive

The Right Click Protection widget is built to be fully responsive, adapting perfectly to different screen sizes and devices, including desktops, tablets, and smartphones. This ensures that visitors can enjoy a consistent and optimal experience with the widget, regardless of the device they are using, promoting accessibility and usability.

Responsive on All Devices

Similar to our other widgets, the Right Click Protection widget allows you to customize its appearance using custom CSS. If you have coding skills, you can easily enhance the widget's visual appeal and match it to your desired design style by adding your own CSS code.

Customize with CSS

The Right Click Protection widget is designed to be effortlessly integrated into your website, even if you have basic technical skills. You can quickly add the widget to your site without requiring extensive development knowledge or resources, making the implementation process smooth and hassle-free.

Embed Easily on Any Website

Adding this widget to your website significantly improves content security by disabling right-click actions, preventing unauthorized downloads, and thwarting keyboard shortcuts for copy, paste, and print. This ensures that your valuable content, such as images and text, is better protected from unauthorized use and theft.

Enhanced Content Security

By protecting your content from unauthorized downloads, you encourage visitors to engage with you or purchase your work through legitimate channels. This helps maintain your professional image and fosters a sense of trust and credibility among your audience.

Maintain Professional Image

This widget provides an additional layer of protection for your content's copyrights, discouraging unauthorized use and distribution. By disabling right-click actions and other theft methods, you help ensure that your copyrighted material remains exclusive to your website and maintain control over its distribution, preserving the value and integrity of your intellectual property.

Strengthen Content Copyright Protection

Right Click Protection

Popups, Bars & Buttons

Create interactive, customizable flashcards for quizzes, training, and learning on any website.

The Flash Cards widget allows you to easily create questions and answers for each card, making it perfect for quizzes, study guides, and interactive learning experiences. You can enter a question or term, followed by a detailed answer, giving you full control over the content. This simplicity ensures that anyone—whether an educator, business trainer, or content creator—can design effective flashcards without needing technical skills.

Easy Question and Answer Creation

The Flashcards widget includes a progress tracking feature that shows users how many cards they've completed and how far they have to go. This visual progress indicator keeps users motivated and engaged, helping them track their learning or quiz journey in real time.

Progress Tracking with Flashcards

With the Flash Cards widget, you can enable an auto-play mode that advances cards automatically after a set time. This is perfect for timed study sessions or quizzes, allowing users to focus on the content without needing to manually navigate each card, providing a smooth and uninterrupted experience.

Auto-Play Mode with Timed Sessions

The Flash Cards widget includes a review feature, letting users go back and review their answers after completing the set. This allows learners or quiz takers to assess their performance and correct any mistakes, reinforcing the learning process or identifying areas for improvement.

Review and Answer Reveal

Once users complete the flashcards, the Flash Cards widget displays an interactive end screen showing their results. This screen can display completion percentages, performance summaries, and options to review answers or retake the quiz, giving users valuable feedback and a sense of accomplishment.

Interactive End Screen for Flash Cards

The Flashcards widget offers a variety of pre-designed skins, allowing you to choose a style that fits seamlessly with your website's aesthetics. Whether you prefer a minimalist look or something more vibrant, the skins save you time by reducing the need for extensive customization, ensuring a visually cohesive and attractive presentation.

Select from Multiple Flashcards Design Skins

The Flash Cards widget offers extensive customization options, allowing you to tailor the design to match your website’s aesthetic. You can modify the colors, fonts, and card styles to ensure that the widget aligns seamlessly with your branding. This flexibility allows you to create a unique and visually appealing flash card experience for your users.

Fully Customizable Flash Cards Widget

The Flash Cards widget is fully responsive, ensuring it works flawlessly on any device, including desktops, tablets, and mobile phones. This feature guarantees that your users can interact with the flashcards in an optimal format no matter what device they’re using, enhancing accessibility and user experience.

Perfectly Responsive Flash Cards Widget

The Flash Cards widget is designed with ease of use in mind. You don’t need any coding experience to set it up or customize it. Its intuitive interface allows you to quickly create flashcards, adjust settings, and personalize the widget with just a few clicks, making it accessible to users of all technical backgrounds.

Easy to Use Flash Cards Widget

For users with more advanced design needs, the Flash Cards widget allows the addition of custom CSS. This feature provides designers and developers with the freedom to make deeper customizations, giving them the ability to enhance the look and feel of the flashcards while keeping the functionality intact.

Custom CSS for Enhanced Creativity

Embedding the Flash Cards widget on your website is straightforward, requiring just a single line of code. Once embedded, the widget automatically updates with any changes you make, ensuring that your flashcards are always up-to-date without the need for manual intervention or extra effort. This makes maintenance hassle-free for site owners.

Effortless Embedding of Flash Cards on Any Website

The Flashcards widget allows you to present information in bite-sized, easy-to-digest chunks, which significantly enhances knowledge retention. Perfect for educational content, employee training, or product knowledge, the interactive format helps users absorb and recall key information more effectively.

Improve Knowledge Retention for Your Audience

By incorporating flashcards into your content strategy, you can create engaging, shareable learning tools that draw new visitors to your website. Students, educators, or professionals can easily recommend these flashcards to peers, helping you organically increase traffic and expand your reach.

Drive Traffic with Shareable Learning Content

Whether you're building an e-learning platform, offering online courses, or conducting corporate training, the Flash Cards widget helps elevate the overall learning experience. It offers a more engaging way to review content, allowing users to test their knowledge and track progress in a dynamic and personalized way.

Elevate Learning and Training Experiences

Flash Cards

Get Creative

Gaming

User Engagement

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

Example 4

Example 5

Example 6

Example 7

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

A Large Selection of Chart Types

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

Multi-Source Data Import 

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

Fully Customizable Charts

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

Perfectly Responsive Graphs and Charts

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

Easy To Use Charts

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

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

Easy To Embed 

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

Tooltips

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

Color Scheme

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

Improve & Expedite the Decision-Making Process

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

Summarize Large Amounts of Data

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

Enhance Design and Improve User Experience

Charts & Graphs

Display a feed of the latest posts and or articles from a Blogger's blog

Blogger Feed comes with a "ticker" animation that mimics a news ticker and adds a sense of movement to your page. You can use it to immediately grab the attention of the user.

Ticker Animation

By displaying the date and time of the feeds, you can further customize the Blogger Feed widget to meet your needs and your visitors' preferences.

Date & Time Display Settings

The Blogger Feed feature is designed to help you keep your website's feed content up-to-date and relevant for your audience. With the auto-refresh feature, you don't have to worry about manually updating your feed or losing out on important updates from your social media accounts or other sources. The widget will automatically check for new content on a regular basis and refresh your feed accordingly, ensuring that your website's visitors always have access to the latest and most relevant information. Whether you want to showcase your latest blog posts, updates, or news articles, the Blogger Feed feature makes it easy to keep your website's feed content fresh and engaging.

Option Sku - Code(1.5.x-2.3)

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Device Mockup

Vimeo Carousel

Job Listings

Right Click Protection

Flash Cards

Charts & Graphs

Blogger Feed

TikTok Carousel

Image Slider

Call Button

Nudge Button

Pomodoro Timer

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Option Sku - Code(1.5.x-2.3)

OpenCart extension

App Details

Pricing

Check Out the Device Mockup Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Device Mockup

Vimeo Carousel

Job Listings

Right Click Protection

Flash Cards

Charts & Graphs

Blogger Feed

TikTok Carousel

Image Slider

Call Button

Nudge Button

Pomodoro Timer

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine