This is a simple script which makes opencart default menu fixed at top on scroll. DEMO

saif.silver

Opencart Menu Fixed On Scroll

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Get Creative

Website Components

Create infographics: custom icons, dynamic tooltips, and responsive design.

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Ratio

Present G2 reviews for your product on your website

The G2 Reviews widget is a powerful tool that allows you to showcase customer reviews on your website. With three review types to choose from - Carousel, Grid, and List - you have the flexibility to tailor the appearance of your reviews to fit your website's design and aesthetic. Whether you want to display a series of rotating testimonials in a carousel format, present a grid of reviews in a visually appealing way, or simply list out customer feedback in a straightforward manner, the G2 Reviews widget has you covered. Plus, with the ability to customize the appearance of your reviews to match your branding, you can ensure that your customer feedback is seamlessly integrated into your website.

Different Review Types

The G2 Reviews widget comes with advanced filtering options, like choosing to display reviews with a minimum of a certain number of stars.

G2 Reviews Filter

With a simple toggle of a button, you can make sure that you manually approve all the reviews that will be displayed on the G2 Reviews widget.

Manually Reviews Approval

The G2 Reviews widget features additional filtering options in the form of keyword inclusion or exclusion — ideal for specific products or services.

Include or Exclude Keywords

The G2 Reviews widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Reviews Sorting Options

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

Multiple Reviews Widget Layouts

With full customization options, you can easily edit the design of the widget to match the look and feel of your website. You can change the colors, fonts, spacing, and any other visual elements to create a cohesive and professional appearance. Not only does this help to improve the user experience on your site, but it also helps to build trust and credibility with your audience.

Multiple G2 Reviews Skins

Fully Customizable G2 Reviews Widget

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


Perfectly Responsive G2 Reviews widget

The G2 Reviews 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 G2 Reviews

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




G2 Reviews Widget Custom CSS

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

Easy To Embed G2 Reviews Widget

Displaying G2 Reviews on your website helps showcase the experiences and opinions of your customers, building trust and credibility with potential clients.

Enhance credibility and trust

Positive G2 Reviews can influence potential customers to choose your products or services, leading to higher conversion rates and increased revenue.

Boost conversion rates

Showcasing G2 Reviews on your website can help improve your search ranking by adding relevant content and increasing user engagement.

Improve search engine optimization (SEO)

G2 Reviews

Reviews

Customize and organize your website content with collapsible sections for better navigation.

The Accordion widget offers various behavior settings, allowing you to customize how content is displayed. Choose to open multiple sections simultaneously, keep specific sections open, or expand all sections at once to match your site's needs.

Customizable Behavior Settings

With the Accordion widget, you can organize your content into separate categories for improved navigation. Additionally, you can enhance these categories with Emojis, making your content more engaging and easier to browse.

Organized Category Separation

The Accordion widget provides a selection of icons for you to choose from. Whether you prefer a downward-facing arrow, a plus sign, or other commonly used icons, you have the flexibility to select the one that best fits your design.

Selection of Icons

The Accordion widget comes with a variety of layouts, ensuring it seamlessly fits your website's design and style. Choose the layout that best suits your aesthetic and functional needs, providing a cohesive look to your site.

Versatile Accordion Layouts

The Accordion widget offers numerous design skins, allowing you to pick one that matches your brand's aesthetics. Whether your site has a modern, minimalist, or traditional design, there's a skin that will enhance its visual appeal and reduce customization time.

Multiple Design Skins

With extensive customization options, the Accordion widget can be tailored to your exact specifications. Adjust colors, fonts, spacing, and more to create a widget that perfectly matches your website's look and feel.

Fully Customizable Accordion Widget

The Accordion widget is fully responsive, ensuring it looks great on any device. This mobile optimization is essential for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Design

The Accordion widget is designed for ease of use, requiring no coding skills for customization. Its intuitive dashboard makes it simple to modify, enabling anyone to integrate and personalize the widget effortlessly.

For developers and designers, the Accordion widget supports custom CSS. This feature allows for deeper customization, letting you fine-tune the widget's appearance and functionality to match your unique vision.

Custom CSS for Advanced Customization

Embedding the Accordion widget on your website is straightforward, requiring just a single line of code. This simplicity makes it accessible for users of all technical levels, and the widget updates automatically with every change you make.

Effortless Embedding

By using Collapsible Content, you can streamline your webpage, reducing clutter and improving load times. This helps create a faster, more efficient site, which can enhance user retention and search engine rankings.

Boost Site Performance with Collapsible Content

The Accordion widget ensures that your content is accessible and easy to navigate on mobile devices. This responsiveness enhances the mobile experience, catering to the growing number of mobile users and improving overall site accessibility.

Improve Mobile Usability

The Accordion widget allows you to present information in a clean, organized manner without overwhelming your audience. This makes it easier for you to manage and update your content, ensuring your site remains current and relevant with minimal effort.

Simplify Content Management

Accordion

New!

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

The Restaurant Menu Flip Cards widget 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!

Restaurant Menu Flip Cards Multiple Layouts

The Restaurant Menu Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

A Large Selection of Icons

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

Beautiful Skins

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

Restaurant Menu Flip Animation

The Restaurant Menu Flip Cards widgets 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 Restaurant Menu Cards widget

The Restaurant Menu Flip Cards widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Restaurant Menu widget

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

Easy To Use Restaurant Menu Cards Widget

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

Custom CSS

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

Easy To Embed Restaurant Menu widget

The  Restaurant Menu Flip Cards widget allows you to add the prices of your delicious dishes easily, and to add supplementary, informative symbols, to indicate whether the food is spicy, vegetarian, etc. 

Prices & Supplementary Symbols

By adding information with the Restaurant Menu Flip Cards widget, in a concise and easy-to-understand manner, and by adding relevant links, you will enable your customers to make faster decisions, and make it easy for them to make a purchase.

Increase Conversions

The fully customizable Restaurant Menu Flip Cards will enable you to enhance your webpage through complementing design and colors, and through the animate flip feature.

Enhance Design Using Restaurant Menu Flip Cards widget

Users will have an easier time navigating through your menu with the Restaurant Menu Flip Cards, making their overall experience a pleasant one, which they will recommend to their friends, and will be happy to return and experience again.

Improve User Experience

Restaurant Menu Flip Cards

Lists & Cards

Displays varying prices based on selected item quantities.

With the Pricing Slider, you can effortlessly input specific details tailored to your offerings. Easily define the item names, set the cost per unit, and select the appropriate currency, ensuring the widget aligns with your business's exact requirements.

Adjustable Pricing Information

The Pricing Slider allows for a straightforward discounting approach. Simply input a fixed percentage off, and designate the minimum quantity required for the discount to activate. This ensures customers are rewarded when purchasing in larger quantities.

Use Linear Discount

Diversify your discounting strategy with the Pricing Slider. You can establish multiple discount tiers, assigning specific percentages to particular quantity ranges. This provides flexibility in incentivizing bulk purchases and can cater to varied purchasing behaviors.

Set Intervals Discount

The Pricing Slider goes beyond mere numbers; it offers a narrative. Utilize variables to generate a description that adjusts in real-time based on the slider's position. As users modify the quantity, the description seamlessly updates, providing them with a comprehensive understanding of the price, discount, and items involved. This enhances clarity and ensures users are always informed of their selections.

Dynamic Contextual Descriptions

The Pricing Slider enhances user clarity with a tooltip that appears above the slider, detailing the precise item count. Integrate a prefix or suffix to this tooltip, providing context and clarity to the displayed number, ensuring users always grasp the quantity's significance.

Interactive Slider Tooltip

Explore the array of skins with the Pricing Slider Widget. A variety of styles are at your fingertips, allowing swift customization. Seamlessly align the Pricing Slider's aesthetic with your website for a harmonious look and feel.

Elegant Skins Selection

Dive deep into customization with the Pricing Slider Widget. Whether it's adjusting color tones, fonts, or spacing, the widget is crafted to blend with your site. Ensure the Pricing Slider perfectly mirrors your website's ambiance.

Full Customization

The Pricing Slider Widget is crafted for today's diverse device landscape. It adapts gracefully from desktop to mobile, promising a stellar viewing experience. With the Pricing Slider, your site remains modern and user-centric across all devices.

Optimal Responsive Design

The Pricing Slider Widget prioritizes ease of use. No coding knowledge? No problem. Its intuitive drag-and-drop feature ensures any user can customize the Pricing Slider effortlessly.

Easy to use

The Pricing Slider Widget supports custom CSS, enhancing its adaptability. Harness this feature to further mold its appearance. Let your creativity flow and make the Pricing Slider uniquely yours.

Enhanced with Custom CSS

Integrating the Pricing Slider Widget into your website is straightforward. Simply use the provided code for swift incorporation. As you tweak the Pricing Slider, your website will automatically reflect those changes, ensuring visitors always see the most updated version.

Easy To Embed

The Pricing Slider offers a straightforward view of various price points. This clarity helps website visitors understand cost structures quickly. Making informed choices becomes easier with a clear presentation of prices.

Clear Price Visualization

Interactive widgets like the Pricing Slider can engage users more effectively. By offering a hands-on pricing tool, visitors are likely to spend more time exploring your offerings.

Enhanced Site Interaction

Interactivity can impact decision-making. The Pricing Slider's simple design can lead visitors to make quicker purchase decisions. With such clarity, enhancing your website's conversion rate becomes more feasible.

Improved Conversion Potential

Pricing Slider

Boost Sales

Add a customizable, responsive Google-powered search bar to enhance website navigation and usability.

The Website Search Widget includes a floating button, ensuring the search function is always accessible without disrupting the user’s browsing experience. Positioned strategically on your site, the button allows visitors to initiate a search from any page, streamlining navigation. This design element enhances usability and keeps your website clean and uncluttered.

Convenient Access with the Floating Button

The Search Bar Widget is designed for seamless integration, allowing you to embed it on your website with minimal effort. With just a single line of code, you can activate the search functionality powered by Google’s robust search engine. This streamlined process ensures compatibility with any website builder or platform, saving time and making it accessible to all users, regardless of technical expertise.

Effortless Setup and Integration

The Search Widget ensures users receive accurate and contextually relevant search results tailored to your website’s content. Powered by Google’s sophisticated algorithms, the widget provides fast and precise responses, helping visitors find what they need effortlessly. This capability enhances user satisfaction and keeps them engaged with your site longer.

Deliver Precise and Relevant Results

The Website Search Widget offers three distinct search bar layouts—box, line, and box with an external button—allowing you to choose a design that complements your website's style. Each layout is crafted for usability and aesthetics, ensuring a seamless fit within your site's visual theme. This flexibility ensures your search bar looks professional while enhancing the overall user experience.

Customize Your Search Bar Design

The Search Bar Widget provides multiple layout options for displaying search results, including inline, popup, and other configurations. Whether you prefer results to appear seamlessly within the page or in a dedicated popup window, you have full control over how they are presented. This flexibility ensures the search experience aligns perfectly with your website’s design and functionality.

Flexible Layouts for Displaying Search Results

The Google Search Widget allows you to customize the search icon to align with your website’s branding. Choose from various styles, colors, and sizes to create a cohesive look that complements your site’s design. This level of personalization ensures the search feature integrates seamlessly with your visual identity while maintaining a professional appearance.

Personalize the Search Icon to Match Your Brand

With a range of design skins, the Search Widget enables you to pick a look that matches your website’s branding. These ready-made skins reduce the need for customization while delivering a polished and professional appearance. Whether your site features a minimalist or bold design, there’s a skin to suit your needs.

Select from Multiple Google Search Widget Design Skins

The Website Search Widget provides robust customization options, including adjustable colors, fonts, spacing, and more. This ensures you can tailor the widget to meet your specific requirements and maintain a consistent brand aesthetic. The customization flexibility helps you create a search feature that is both functional and visually cohesive.

Fully Customizable Website Search Widget

Designed to be fully responsive, the Search Widget adapts flawlessly to all devices, including desktops, tablets, and smartphones. This ensures your visitors enjoy a seamless search experience no matter how they access your site, improving usability and engagement across all platforms.

Opencart Menu Fixed On Scroll

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Diagrams

Ratio

G2 Reviews

Accordion

Restaurant Menu Flip Cards

Pricing Slider

Website Search

HIPAA Compliance Forms

Coupon Popup

Card Slider

Social Media & RSS Feeds

Flip Card Builder

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Opencart Menu Fixed On Scroll

OpenCart extension

App Details

Pricing

Check Out the Diagrams Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Diagrams

Ratio

G2 Reviews

Accordion

Restaurant Menu Flip Cards

Pricing Slider

Website Search

HIPAA Compliance Forms

Coupon Popup

Card Slider

Social Media & RSS Feeds

Flip Card Builder

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine