one can quick shop the product if one knows sku , product name ,mpn, isbn, upc. just type and autocomplete will fill it , just click on + sign and you are done.It is responsive and works good with large screens and medium sized screens. you can..

shambhal

quick shop

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

Example 1

Example 2

Example 3

Example 4

Example 5

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.

Fully Customizable

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.

Easy To Use

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.

Custom CSS

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.

Easy To Embed 

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

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.

Enhance Design

Logo Slider

Website Components

The AI Chatbot allows you to define its knowledge base by scanning and integrating content from your website. You can choose to include the entire website, specific sections, or just a single page, ensuring the chatbot provides accurate and relevant responses. This flexibility helps tailor interactions to your business needs, making customer support more efficient and informative.

Full Website as a Knowledge Source

The AI-Powered Chat allows you to enhance its knowledge base by uploading files such as PDFs, Word documents, and other formats. This ensures the chatbot can provide detailed and accurate responses based on official resources. By integrating structured documents, your Virtual Assistant becomes more reliable and efficient in answering user inquiries.

Upload Files to the Knowledge Base

The AI-Powered Chat can automatically extract information from your website’s FAQs and custom text blocks, ensuring users get fast and accurate responses. This feature allows you to optimize your chatbot’s knowledge base without additional manual effort. By utilizing existing content, your Automated Chat Support becomes more efficient and reliable in handling user inquiries.

Build a Smarter Chatbot with FAQs and Text Blocks

The AI Chatbot enhances user interactions by automatically displaying product cards and images when referencing a product or service. This feature makes responses more visually engaging and informative, helping users quickly understand key details. By integrating images and structured product information, your Virtual Assistant improves the customer experience and boosts conversions.

Enrich Responses with Product Cards and Images

The AI-Powered Chat lets you tailor its communication style to match your brand’s personality. Choose from options like Professional, Friendly, Witty, Empathetic, Casual, Technical, Persuasive, or Quirky to ensure the chatbot aligns with your audience. This flexibility helps create a more engaging and personalized user experience.

Customize the Chatbot’s Tone of Voice

The Automated Chat Support can send proactive messages to keep users engaged and improve interaction. You can set custom automatic messages to appear after a specific time, ensuring visitors receive timely assistance. This feature helps reduce drop-offs and encourages users to continue their journey on your site.

Engage Users with Automated Messages

The AI Chatbot ensures a smooth user experience by providing a Dead-End Message when it can't answer a question. Instead of leaving users without support, it allows you to add a custom message along with helpful link for further assistance. This feature keeps visitors engaged and directs them to the right resources when the chatbot reaches its limit.

Guide Users with a Dead-End Message

The AI Chatbot allows you to set predefined message suggestions to help users start conversations quickly. These ready-made prompts provide instant guidance, making it easier for visitors to find the information they need. By streamlining interactions, your Automated Chat Support improves engagement and reduces response time.

Guide Users with Predefined Suggestions

The Virtual Assistant comes with multiple pre-designed skins, making it easy to match the chatbot’s look to your brand’s style. These skins save time on customization while ensuring a polished and professional appearance. Whether your site has a modern, minimalist, or bold design, there’s a skin to complement it perfectly.

Choose from Various Virtual Assistant Design Skins

With extensive customization options, the Automated Chat Support allows you to adjust colors, fonts, spacing, and more to align with your brand. You can tailor every detail to create a chatbot that feels like a natural part of your website. This level of flexibility ensures both aesthetic consistency and functional efficiency.

Fully Customizable Automated Chat Support

The AI-Powered Chat is fully responsive, ensuring a seamless experience across all devices, including desktops, tablets, and smartphones. This guarantees users can engage with the chatbot without issues, no matter how they access your website. A responsive design helps maintain a smooth and professional user experience.

Perfectly Responsive AI-Powered Chat

The AI Chatbot is designed for effortless integration and use, requiring no coding skills. Its intuitive interface allows you to configure settings, customize responses, and manage interactions with ease. This makes it accessible to businesses of all sizes, regardless of technical expertise.

Easy-to-Use AI Chatbot Widget

For those looking for deeper customization, the Virtual Assistant supports custom CSS, allowing advanced design modifications. This feature is perfect for developers and designers who want to fine-tune the chatbot’s appearance and functionality. It ensures the chatbot can be uniquely tailored to fit your specific website needs.

Custom CSS for Enhanced Creativity

Embedding the AI-Powered Chat on your website is simple and requires just a single line of code. Once installed, the chatbot updates automatically with any changes you make in the settings. This hassle-free integration ensures your chatbot remains up-to-date without additional effort.

Effortless AI-Powered Chat Embedding on Any Website

By handling repetitive questions and basic customer inquiries, Automated Chat Support reduces the need for constant human intervention. This allows your team to focus on more complex tasks while ensuring that customers still receive quick and helpful responses. As a result, your business saves time and resources without compromising service quality.

Reduce Workload with Automated Chat Support

Unlike human agents, an AI-Powered Chat system operates around the clock, ensuring customers receive support at any time of the day. This is especially beneficial for global businesses with customers in different time zones. Providing continuous assistance improves user trust and prevents lost sales due to unanswered queries.

Offer 24/7 Support with AI-Powered Chat

An AI Chatbot can analyze user behavior and provide personalized responses based on past interactions. This level of customization makes visitors feel valued and enhances their overall experience. A personalized approach fosters customer loyalty and encourages repeat visit

Personalize Customer Interactions with AI Chatbot

AI Chatbot

Popups, Bars & Buttons

Boost Sales

User Engagement

New!

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!

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.

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.

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

Displays common questions and answers for quick reference

FAQs need to be easy to understand and access, and what better way to do it is there, other than to present it in a simple and familiar way — a list of questions with the option to expand the information, to reveal the desired answer. 

Simple & Familiar Design

To some, the regular, old-fashioned FAQ style is outdated, and a new approach may be sought after. With the widget's full customization options, it’s easy to make FAQs look more modern, organized, and neatly presented. 

Modern and Visually Impressive

Sometimes, when there’s a lot of information about different things, categories, services, products, etc. the information may get lost. To combat this, the widget offers the ability to divide the FAQs into categories for better navigation and for better user experience. 

Grouped Answers for Better Navigation

The FAQ widget features various behavior modifications like opening multiple questions one at a time, keeping opened ones open, or opening all questions at once — the choice is yours!

Behavior Management

The FAQ widget features the ability to divide your questions into separate categories for a better navigation experience. Not only that, but it also allows you to use Emojis for those categories!

FAQ Category Separation

The FAQ Accordion widget features multiple layouts and lets you choose the right layout for your website. Classic, clean, bubbles, and more — the choice is yours.

Multiple Layouts 

The FAQ 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 FAQ Skins

The FAQ widget features multiple icons for you to choose from. Do you want a downward-facing arrow to open the FAQ’s answer? Or maybe a plus sign? We’ve got the most commonly used icons available for you to choose from.

Multiple Icons

The FAQ 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 FAQ 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 FAQ Accordion

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

Easy To Use Widget

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

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

The FAQ widget allows you to add more long-tail keywords to your page in an organic manner, thereby enabling you to score higher on search engine result pages.

Improves SEO with FAQ Accordion

With FAQs on your website page, you can improve your users’ experience by allowing them to quickly and easily access answers to common questions without spending time waiting for answers.

Improves User Experience

The FAQ Accordion widget removes the need to wait for answers and provides all the information that’s required for quick decision-making.

Expedites The Decision-Making Process

FAQ Template 8

FAQ - Template 7

FAQ template 6

FAQ template 5

FAQ template 4

FAQ template 3

FAQ template 2

FAQ template 1

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider 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 also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

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

Perfectly Responsive Before & After

The Before & After 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 widget any way you’d like to with just a few simple clicks.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Before & After 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.

Before & After Custom CSS

To embed the Before & After 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 Before & After Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

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.

quick shop

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Image Hover Effects

Logo Slider

AI Chatbot

Device Mockup

FAQ

Before & After Slider

News Ticker

Tabs

Social Votes

Booking

WhatsApp Chat

Mastodon Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

quick shop

OpenCart extension

App Details

Pricing

Check Out the Image Hover Effects Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Image Hover Effects

Logo Slider

AI Chatbot

Device Mockup

FAQ

Before & After Slider

News Ticker

Tabs

Social Votes

Booking

WhatsApp Chat

Mastodon Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine