This is a remake of the default opencart theme using bootstrap to provide full responsive behavior and keep all the normal aspects of Opencart. It has undergone testing and verification but if you find issues please do not hesitate to contact..

Ratsuky

Opencart Bootstap-default

Display the latest posts from your Twitch page

The Twitch Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the Twitch Feed widget according to your needs, and the preferences of your visitors.

Twitch Feed Date & Time Display Settings

The Twitch Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the Twitch Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Twitch feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the Twitch Feed widget more compact.

Customize Character Display Length

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

Twitch Feed Multiple Layouts

The Twitch Feed 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.

Twitch Feed Multiple Skins

The Twitch Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The Twitch Feed 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 Twitch Feed 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 Twitch Feed

The Twitch Feed 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 Twitch Feed Widget

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

Custom CSS

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

Easy To Embed Twitch Feed

With the Twitch Feed widget, you can collect and group various Twitch feeds into one page for more accessible and quicker access. The widget is customizable, allowing you to choose which Twitch feeds to display, and arrange them according to your preference. 

Group Twitch Feeds

By grouping all the Twitch feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. Not only does it simplify their navigation, but it also saves time, allowing them to quickly browse through multiple feeds without having to visit each individual Twitch channel.

Improve User Experience with a Twich widget

The Twitch Feed widget is fully customizable, and you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Enhance Design

Use the Twitch Feed widget when live streaming is part of your content strategy and you want your site to feel connected to that activity. Many viewers discover you on Twitch but never reach your website, and many site visitors have no idea you stream regularly. By embedding recent broadcasts, clips, or the channel feed, you bridge that gap and invite visitors to watch or follow directly. This works well for creators, educators, gaming brands, and events that rely on real time engagement. Showing your live content and highlights on site builds credibility, keeps pages fresh, and increases the chances that visitors join your audience on Twitch itself.

Twitch Feed

Social Feeds

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

Example 1

Example 2

Example 3

Example 4

Example 5

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

Use the Feedback Form widget when you want a dedicated channel for users to share their thoughts, issues, and suggestions outside of formal support tickets. A simple, focused form invites quick comments about product experience, content clarity, or site usability. This signal helps you spot recurring themes early, before they grow into larger problems. It works well inside apps, on help centers, or at the bottom of important pages. By clearly asking for feedback and making it easy to give, you show that you care about improvement and customer voice. Over time, the responses can guide design decisions, roadmap priorities, and better messaging that aligns with real user needs.

Feedback Form

Forms

Popups, Bars & Buttons

A rectangle button positioned in any corner of a webpage typically used for promotion and marketing purposes



The triangle button widget comes available with the option to choose different positions for your button. There are four positions (for each of the four corners of the webpage).

Different Positions

The Corner Button widget comes with the option to add gentle “enlarging” animation on hover, which will make the button grow when users hover over it and be more noticeable and easy to click on.

Hover Animation

The triangle button widget will enable you to make the corner button stand out from the rest of the page by adding a little shadow to it.

Shadow Inclusion

The Corner 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 Corner Button widget comes with a selection of beautiful icons that you can use to add to the button and enrich its visual appearance.

A Selection of Beautiful Icons

The Corner 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!

The Corner Button 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 Corner 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 Corner Button Widget

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

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

Easy To Embed 

The inclusion of the fully customizable triangle button will enable you to make it clearly visible to your visitors and pique their curiosity by implementing “loud” colors and hover animation.

Clear Visibility

The button makes it easier for your users to reach the designated page, thereby improving their navigation and enhancing their experience on your website.

Easy Navigation

The triangle button can be customized to improve the aesthetics of your website by choosing complementary colors and pleasing icons.

Improved Aesthetics

Use the Corner Button widget when you need a persistent call to action that stays visible without interrupting content. A fixed corner button can highlight promotions, open a form, trigger chat, or guide visitors to a key page no matter where they are on the site. This is useful for long pages, ecommerce stores, and funnels where a single action matters most. Because it does not block reading, visitors feel in control, yet they always have a clear next step in view. With strong labeling and subtle design, the button reduces navigation friction, increases clicks on high value actions, and keeps conversions accessible even for users who scroll deeply before deciding.

Corner Button

Boost Sales

Corner Button - Template 2

Corner Button - Template 8

Corner Button - Template 4

Corner Button - Template 1

Corner Button - Template 3

Customize your headlines with unique highlights, colors, animations, and personalized styles.

The Highlighted Headline feature offers an array of markers, underlines, and highlighted backgrounds, allowing you to customize your headlines with a touch of creativity. This vast selection empowers you to bring your message to life in a way that aligns with your brand's identity. It's a simple yet powerful tool to make your headlines pop and keep your audience engaged.

Multiple Styling Options for Highlighted Titles

With our Highlighted Headlines widget feature, you have the option to add animations to the markers and underlines, creating a dynamic display that draws in your audience. You can choose to have the highlights always visible or activate the animation as per your preference. Plus, you have full control over the animation's duration and repetition, allowing you to create the ideal visual experience that aligns with your message and brand.

Control Animation for Engaging Highlights

The Highlighted Titles widget feature offers the freedom to customize color schemes, allowing you to match the visual presentation of your text with your brand or website design. You can choose a different font color for the highlighted part of the sentence and set the color of the markers and underline, offering a deeper level of personalization for your headlines.

Personalize Color Choices for Your Highlights

Our Highlighted Headline widget offers versatile customization options to complement your website's branding and aesthetic seamlessly. You can easily personalize the font colors, marker, and underline colors to align with your existing design, ensuring that your highlighted headlines are not just striking, but also a perfect match for your website's style.

Customizable Design

The Highlighted Headlines widget comes with a fully responsive design that ensures it automatically adjusts to fit various screen sizes and devices. This means that whether your website is viewed on a desktop, tablet, or smartphone, the Highlighted Headlines will display correctly and consistently, guaranteeing a seamless user experience across all platforms.

Responsive Design with Highlighted Headlines

The Highlighted Headlines widget is designed with simplicity and user-friendliness at its core. It provides an effortless way for users to make their content stand out, thereby increasing engagement. This intuitive feature ensures visitors can highlight important information swiftly and effectively, enhancing the overall user experience on the website.

User-Friendly Highlighted Headlines Widget

The Highlighted Headlines widget supports custom CSS, enabling you to add a truly personalized touch to your headlines. Users with coding knowledge can take their headlines' visual appeal to the next level, tailoring the widget's look and feel to their exact design preference with their own custom CSS.

Custom CSS Capability with Highlighted Headlines

Our Highlighted Headlines widget is built for easy integration into your existing website, requiring minimal technical know-how. This convenience allows טםו to quickly implement the feature, making your headlines pop without the need for extensive development resources or expertise.

Effortless Integration of Highlighted Headlines

With Highlighted Titles, your site's key messages will immediately grab visitors' attention. By focusing on the most essential information, you'll keep your audience engaged and eager to learn more.

Enhanced Engagement

Highlighted Headlines allow you to ensure the most critical parts of your message are never missed. By emphasizing the core points, you'll effectively communicate your message and keep visitors informed.

Clear Communication with Highlighted Titles

By using Highlighted Headlines, you'll make your website and its key messages more memorable. When important information stands out, visitors are more likely to recall it, reinforcing your brand and message.

Increased Memorability

Use the Highlighted Headlines widget when you want to emphasize specific words or phrases inside your titles so visitors understand the key idea instantly. Color bands, underlines, or animated highlights create a visual hierarchy within a single line, guiding the eye to the most important term. This is helpful on landing pages, sales sections, and content hubs where many headlines compete for attention. Instead of rewriting copy to shout louder, you use design to clarify meaning. Done well, highlighted headlines make scanning easier, keep your style consistent, and support a stronger story around what truly matters in each section.

Highlighted Headlines

Website Components

Get Creative

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

The Payment Button allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment 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. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

The Payment 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 Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Use the Payment Button widget when you sell one time products, sessions, or packages and want a direct, simple checkout path. Instead of building a full store, you place a button that opens a secure payment form connected to PayPal or Stripe. This is ideal for single offers, consulting calls, digital downloads, or donation like contributions tied to fixed amounts. You can embed the button on landing pages, sales pages, or even in content that describes the offer, keeping the distance between decision and payment as short as possible. For many small businesses and creators, this approach is faster to launch and easier to maintain than traditional cart systems.

Payment Button

Customizable measurement guides with responsive layouts and multi-category support.

Easily display size charts for different product categories (e.g., shirts, shoes, shorts) using intuitive tab navigation. This allows your customers to toggle between sizing tables without leaving the page, streamlining their shopping experience.

Multi-Category Support with Tabs

Enhance clarity with visuals that show how to measure chest, waist, inseam, foot length, and more. These illustrations help users take accurate measurements, reducing errors and helping them find the perfect fit.

Visual Measurement Diagrams

Update your size chart directly within the preview using intuitive inline editing. This allows you to click and modify sizing values on the spot without switching views or navigating away. It’s a fast and efficient way to keep your sizing table accurate and up to date.

Inline Editing for Quick Size Updates

Tailor the table headers and accompanying text for each product type to match your brand tone and product line. This feature ensures your sizing table communicates clearly to your audience and stays on-brand.

Custom Table Titles and Descriptions

Showcase clear measurement illustrations—like where to measure chest, waist, or foot length—using built-in example images. These visuals make the sizing process easier for users to understand at a glance. You can also upload your own custom images to match your product line and brand style.

Visual Illustrations with Custom Image Upload

The Size Chart widget offers a variety of layout styles to fit seamlessly into your website’s design. Choose from table formats, tabbed views, or sectioned layouts depending on your needs and the complexity of your sizing information. This flexibility ensures that your sizing table looks professional and stays user-friendly across different devices and design themes.

Varied Size Chart Layouts

Easily match your size chart to your brand identity with a wide selection of beautifully designed skins. The Size Chart widget lets you pick a style that aligns with your overall website aesthetics, saving time on customizations while keeping your pages visually cohesive. No matter if your site is bold, minimalist, or playful, there’s a skin ready to fit perfectly.

Select from Multiple Size Chart Design Skins

Personalize every element of the Size Chart widget to reflect your unique brand voice and visual style. You can adjust colors, fonts, spacing, and more to create a sizing guide that feels completely integrated with your website. With this level of flexibility, your size chart won’t just be functional—it’ll enhance the overall customer experience.

Fully Customizable Size Chart Widget

Designed for full responsiveness, the Size Chart widget ensures a seamless viewing experience across all devices. Whether your visitors are shopping on a desktop, tablet, or mobile phone, your sizing table will adjust elegantly to fit the screen. This adaptability is key to maintaining a smooth and professional shopping experience everywhere.

Perfectly Responsive Size Chart

The Size Chart widget is built with simplicity in mind, making it easy for anyone to set up and customize—no coding skills required. With a straightforward, user-friendly editor, you can quickly create, update, and manage your sizing tables. This approachability saves time and empowers all users to maintain professional-looking charts effortlessly.

Easy To Use Size Chart Widget

For those who want even greater control, the Size Chart widget supports custom CSS styling. This option is perfect for developers and advanced users who want to fine-tune every aspect of the sizing table’s appearance and behavior. It opens up unlimited possibilities to ensure your size chart is truly one-of-a-kind

Custom CSS for Enhanced Creativity

Use the Size Chart widget when accurate sizing affects purchase confidence and return rates. Shoppers often hesitate if measurements are unclear, especially across categories like clothing, shoes, or accessories. A structured size chart with visual guides and tabs helps visitors find the right fit quickly, reducing uncertainty before checkout. This is essential for ecommerce brands serving multiple regions or offering varied sizing standards. Clear charts lower returns and exchanges because customers choose more accurately the first time. By presenting measurements in a consistent, mobile friendly layout, you improve usability and trust. A good size chart signals that you care about customer success, makes buying feel safer, and supports higher conversion rates on product pages.

Opencart Bootstap-default

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Twitch Feed

Feedback Form

Corner Button

Highlighted Headlines

Payment Button

Size Chart

Order Form

Donation Button

Job Application Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Opencart Bootstap-default

OpenCart extension

App Details

Pricing

Check Out the Twitch Feed Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Twitch Feed

Feedback Form

Corner Button

Highlighted Headlines

Payment Button

Size Chart

Order Form

Donation Button

Job Application Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine