Menus suitable for touch screen devices with 3d effect 1) Unzip and upload the contents to the root directory of your OpenCart installation, preserving directory structure 2) From the admin menu, go to 'Extensions->Modules' 3) Install the..

css 3d menu Menus suitable for touch screen devi..

A button that, when clicked, scrolls to a selected element on the webpage

Example 1

Example 2

Example 3

Example 4

The widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs.

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

The Scroll to Element Button 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 Scroll to Element Button 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 Scroll to Element Button 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 Scroll to Element Button 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

The Scroll to Element Button 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 apps, you can add custom CSS to customize the Scroll to Element Button widget and be even more creative.

Custom CSS

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

Easy To Embed

The Scroll to Element Button provides users with easier on-site navigation as with a simple click, they will be transformed to the desired section of the page. This is ideal for pages where there’s a lot of text, and scrolling may be an annoyance.

Easy Navigation

The improved navigation that the Scroll to Element Button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again.

Improved User Experience

With simple navigation to the desired section of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more.

More Engagement

Scroll to Element Button

Popups, Bars & Buttons

Display important messages and notifications in a designed bar, at the top or bottom of the screen

Example 5

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

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

The Notification Bar 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.

The Notification Bar 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 Widget

The Notification Bar 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 Notification Bar

The Notification Bar 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 Notification widget

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

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

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Notification Bar

Boost Sales

notification bar 1

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


The Event Flip Cards app 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!

The Event Flip Cards app 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 Event Flip Cards app 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 Skins

As befits a flip card, the app 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 Event Flip Cards app 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 Event Flip Cards app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Event 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 app any way you’d like to with just a few simple clicks.

Easy To Use Event Cards Widget

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

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

Easy To Embed 

The Event Flip Cards app enables you to easily add the location of the event, its time and date to display it to make this information easily visible to your users and improve their experience. 

Location, Date & Time

With well-placed event cards on your website, you will be able to improve the visibility of these events and spread awareness about them.

Improve Visibility & Spread Awareness

With the Event Flip Cards app, you will be able to provide information about events in a clear, concise manner, and add relevant links (to the booking page, for example), thereby making it easy to join the event and increasing attendance.

Increase Attendance 

The fully customizable Event Flip Cards app can be used to enhance the web page's design through complementing colors, and the interactive flip feature.

Enhance Design

Event Flip Cards

Lists & Cards

Displays multiple logos in a scrolling or rotating manner

The Logo Slider widget features the ability to pause on hover and add various effects like scale, shadow, opacity, highlight and more!

Hover Effects 

You can customize the carousel layout any way you want to including changing its direction and speed!

Carousel Direction & Speed 

The Logo Slider widget features the ability to make logos clickable for easier navigation. 

Clickable Logos

The Logo Slider widget has two layout options — a carousel (slider) and a grid, enabling you to select the best design for your brand. 

Two Layout Options

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

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

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

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

Showcasing logos of companies that work with you and trust you is an easy way to elicit trust in potential new customers and establish your company’s credibility.

Establish Credibility And Trust with a Logo Slider

By showcasing partners, clients, and other companies that you are working with, you give a quick and clear indication to your readers as to what industry your company is in, thereby reinforcing your website’s message and design.

Grab Attention

With the Logo Showcase carousel, you can improve your design and make it more pleasing to the reader’s eye. Adding the logo slider can serve as a break between paragraphs and sections and can be used to create contrasting or complementing color schemes.

Logo Slider

Website Components

Images & Galleries

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

Google Maps

Allow users to add their feedback, save submissions, enable notifications, and more

The Contact Form features numerous fields, to select from and add to it —  from basic fields to more unique and special formats, enabling you to create forms for your specific needs and any purpose. Simply click on the “Add Field” option, and choose from a vast collection of field formats. Furthermore, you can easily arrange the order of the fields by dragging and dropping them.

Various Fields To Select for the Feedback Form

The Feedback Form enables you to efficiently manage and view all submissions (the data provided within the completed forms) in a user-friendly, streamlined format. This feature helps you stay updated with feedback and suggestions received from users, allowing you to address their concerns more promptly and effectively.

Effortless Feedback Colleting

The Feedback Form's submission data can be exported to a CSV file, enabling you to import it into other software or tools for in-depth analysis or seamless integration. This functionality is especially beneficial for organizations that need to maintain a comprehensive record of user feedback, as well as for data examination and report generation purposes.

Export Feedback Form Submissions to CSV

You can utilize your Feedback Form to collect files and images from your users. This functionality is particularly beneficial for businesses and professionals who require supplementary information or documents from their clients or customers to better understand their feedback. By incorporating file and image upload fields, you can streamline the process of gathering diverse user inputs and enhance your overall understanding of their experiences.

Accept Files and Images with the Feedback Form

By integrating titles, descriptive text, and images into your Feedback Form, you can develop a cohesive and user-friendly feedback submission process. Including instructive form components can also assist users in navigating the submission procedure, leading to a more seamless and effective experience that ultimately boosts the chances of receiving valuable input.

Design Engaging and User-friendly Feedback Forms

The Feedback Form offers customization options for the form's header and footer, including the ability to incorporate images. This feature presents an excellent opportunity to strengthen your brand's identity and craft a polished, visually captivating form that seamlessly aligns with your website's overall design and aesthetics.

Personalize Headers and Footers for a Cohesive Look

The Feedback Form includes the option to enable notifications for both the form owner and the submitting user. You can configure automatic email notifications for every form submission, sent to multiple email addresses, while also delivering a confirmation email to the user upon successful submission. This ensures prompt communication and keeps all parties informed.

Stay Updated with Automated Notification Settings

The Feedback Form allows you to enable the CAPTCHA anti-spam feature, which requires users to complete a verification step before submitting their feedback. This functionality aids in preventing bots and automated scripts from sending spam messages through your feedback form, ensuring that you receive authentic input from real users.

Secure Your Feedback Form with CAPTCHA

The Feedback Forms 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 Feedback Forms

The Feedback Form offers a selection of visually appealing skins to streamline the design process and minimize the need for extensive customization. Pick a theme that suits your needs and effortlessly create an engaging form for collecting user feedback. These ready-made templates not only save you time but also ensure a polished and professional appearance for your form.

Choose from Attractive Pre-designed Themes

Our Feedback Form is designed to make it easy for you to create and customize a feedback form that meets your needs. You don't need any coding knowledge to get started – with just a few clicks, you can modify the form however you wish using our user-friendly interface.

Create a Customized Feedback Form with Ease

The Feedback Form provides complete customization options, enabling you to tailor the design to align with your brand's aesthetics and preferences. With the ability to modify color schemes, fonts, and other visual elements, you can create a unique and personalized feedback form that seamlessly integrates into your website's overall design.

Tailor Your Feedback Form to Your Brand

The Feedback Form now enables you to accept payments directly from your users. Whether you’re gathering paid reviews, offering consulting services, or charging for specialized feedback, this feature integrates secure payment options seamlessly into your form. With a simple setup and trustworthy payment processing, you can enhance your form’s capabilities while ensuring a smooth experience for your users.

Collect Payments Through Your Feedback Form

The Feedback Form is fully responsive, ensuring a seamless viewing experience on any device. In today's digital age, where the majority of users access the internet via their mobile phones or tablets, having a form that is optimized for mobile viewing is essential. With this feature, you can rest assured that users can submit feedback easily, no matter what device they are using.

Optimized for Any Device

The Feedback Form widget is straightforward to use and requires no coding knowledge. With just a few clicks, you can effortlessly modify the form according to your preferences using our user-friendly interface.

Effortless Customization with No Coding Required

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Feedback Form. With this feature, you can easily customize every aspect of the form's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative or have specific design requirements, you can take your customization to the next level by editing the CSS directly. This feature enables you to apply complex style modifications and craft a truly unique form that aligns with your brand's aesthetics and design preferences.

Customize Your Form with Advanced CSS Editing

The Feedback Form widget allows you to collect user feedback and suggestions, enabling you to enhance your website's overall user experience. By gathering valuable insights from your users, you can optimize your site's design and functionality, resulting in increased engagement and improved conversion rates. Additionally, the form's customizable design options enable you to create a visually appealing and cohesive form that aligns with your website's overall aesthetic.

Streamline Feedback Gathering 

The Feedback Form widget also serves as a lead generation tool that helps you gather critical information about your target audience. By asking users to share their feedback and providing them with a simple form to complete, you can establish a connection with potential leads and encourage them to share more information about their preferences and needs. Additionally, incorporating a confirmation email upon successful submission can also provide users with a sense of satisfaction and encourage further engagement with your brand.

Maximize Lead Generation and Conversion Rates with User Feedback

The Feedback Form widget enables you to gather comprehensive feedback from your users, providing you with valuable insights into their experiences with your website, products, and services. This data can be used to identify areas that require improvement, as well as to refine your business operations and overall strategy. By leveraging user feedback, you can optimize your website's performance and deliver more tailored solutions to your audience, ultimately leading to increased customer loyalty and retention.

Make Informed Decisions with Comprehensive Feedback

Feedback Form

Forms

Display the latest posts from any platform and website's RSS feed

The Social Media & RSS Feeds widget features 3 feed modes — Mixed, Tabs, and News Ticker. These will allow you to customize the widget to show the feeds precisely how you want. One single feed? Separate feeds? The choice is yours!

Multiple Social Feed Modes

Get full control over the content you want to display in your stream. Filter unwanted posts and edit the post titles to fit your needs. 

Full Control Over Social Feed Content

The Social Media & RSS Feeds 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 essential 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, Twitter updates, or news articles, the Social Media & RSS Feeds feature makes it easy to keep your website's feed content fresh and engaging.

Auto-Refresh

With the Social Media & RSS Feeds widget, you have access to multiple skins and layouts that allow you to customize your feed in any way you want. You can choose from a variety of styles and colors to match your brand, or select a layout that best fits the design of your website. The widget also includes features such as responsive design, infinite scrolling, and lazy loading, which improve the user experience by allowing your visitors to easily access and browse your content without having to refresh the page.

Multiple Skins & Layouts

The Social Media & RSS Feeds 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.

The Social Media & RSS Feeds 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 Social Media & RSS Feeds widget will allow you to do just that, giving you an edge over competitors.

css 3d menu Menus suitable for touch screen devi..

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll to Element Button

Notification Bar

Event Flip Cards

Logo Slider

Google Maps

Feedback Form

Social Media & RSS Feeds

Device Mockup

Petition Form

Engagement Toolbox

Reddit Feed

Comments

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

css 3d menu Menus suitable for touch screen devi..

OpenCart extension

App Details

Pricing

Check Out the Scroll to Element Button Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll to Element Button

Notification Bar

Event Flip Cards

Logo Slider

Google Maps

Feedback Form

Social Media & RSS Feeds

Device Mockup

Petition Form

Engagement Toolbox

Reddit Feed

Comments

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine