While developing we create a simple tutorial as we explore Opencart 4 and we are able to create a custom Opencart 4 theme. While creating that theme we write two blog posts to show how to develop and install the Opencart 4 custom theme as well. ..

rupakwebocreation

Webocreation.com Opencart 4 custom theme

Example 1

Example 2

Example 3

The Product Blobs app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Product Blobs app features different layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Different Layouts

The Product Blobs app features different color filters that you can use and match with your products to make them stand out and enhance their features further.

Vivid Color Filters

The Product Blobs app features a whopping 16 blend modes so that you can customize your blobs even more and make your product page truly unique.

Extensive Blend Modes

The Product Blobs app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Product Blobs 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!

Fully Customizable

The Product Blobs 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.

Perfectly Responsive

The Product Blobs 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

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

Custom CSS

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

Easy To Embed 

With features like color filters, layouts and animation, the Product Blobs app can make your products stand in a visually appealing way.

Make Your Products Stand Out

The Product Blobs app enables you to create more engaging and beautiful pages with a large variety of customization options, blob types and animation. With it, you can make your boring, static pages more appealing to users.

Enhance User Experience 

The Product Blobs app features clickable, customizable buttons that can be linked to any relevant landing page, pricing page, or cart page. This will improve conversions by making the user’s journey easier & more guided.

Increase Conversions

Product Blobs

Boost Sales

Media

Easily create and customize website sections with Section Builder. Multiple layouts and designs.

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

The Section Builder widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Achieve Flexibility and Customization with Section Builder

Section Builder

Website Components

New!

Organize links, display logos, and integrate social media on your website footer.

Example 4

The Mega Footer widget facilitates a well-organized and clean layout by allowing you to segregate links and information into multiple columns. This functionality not only enhances the visual appeal but also aids in categorizing content in a manner that is easy to navigate. It's a practical way to ensure that your website's footer is both user-friendly and aesthetically pleasing.



Structured Layout with Multiple Columns

With the Mega Footer widget, you can effortlessly categorize and group your footer links under distinct titles. This functionality allows for a more organized and intuitive navigation experience, helping visitors to locate the information they're interested in without hassle. It's a thoughtful way to streamline content and enhance user satisfaction on your website.

Customizable Sections with Titles and Descriptions

The Mega Footer widget makes adding links to both internal and external pages a breeze. This feature allows for a seamless integration of various links, facilitating quick navigation to different sections of your website or external resources. It's a simple yet effective tool to enhance the connectivity and resourcefulness of your website

Effortless Link Integration

Keep your contact details readily accessible with the Mega Footer widget's address field feature. This section enables you to display essential contact details such as phone numbers, email addresses, and physical addresses prominently in the footer. It's a straightforward way to encourage communication and foster a sense of trust and transparency with your website visitors.

Comprehensive Address Field

Showcase your brand's identity prominently with the Mega Footer widget's logo and media display feature. This functionality allows you to exhibit your logo and other pertinent images at the footer, adding a visual appeal and fostering brand recognition. It's a simple method to enhance your website's professional look and create a lasting impression on visitors.

Logo and Media Display

The Mega Footer widget facilitates seamless integration of social media links right at the footer of your website. This feature allows for a centralized space where visitors can easily find and access your social platforms, encouraging better engagement and community interaction. It's a straightforward way to expand your online presence and foster a closer connection with your audience.

Integrated Social Links

The Mega Footer widget offers a variety of beautiful skins to choose from, significantly shortening the design process. This feature enables you to select a skin that aligns with your brand's aesthetics and the overall look and feel of your website. It's a convenient way to maintain brand consistency while adding a touch of professionalism and visual appeal to your site's footer area.

Multiple Skins Selection

With the Mega Footer widget, tailoring the appearance and ambiance of your footer is a breeze. Effortlessly modify elements like colors, fonts, and spacing to resonate with your brand or personal preference. Whether you're aiming for a contemporary, sleek layout or a more classic appearance, the Mega Footer widget accommodates your needs. Offering a plethora of customization possibilities, it allows for fine-tuning every facet of your footer to achieve the ideal aesthetic for your project.

Fully Customizable Mega Footer Widget

The Mega Footer widget is crafted with user-friendliness at its core, promising effortless utilization and comprehension of its features. Its intuitive design promotes user engagement, ensuring that visitors can navigate through the widget with ease, contributing to an improved overall website experience.

User-Friendly Mega Footer

The Mega Footer widget is fully responsive, guaranteeing that your content maintains its optimal presentation on any device. This ensures that your compelling links and visually appealing layout will preserve their effectiveness and readability, whether accessed via desktop, tablet, or smartphone.

Fully Responsive Mega Footer

Similar to our other tools, the Mega Footer widget also offers the versatility to incorporate custom CSS, allowing for a genuinely customized appearance. Users proficient in coding can enhance the widget's visual appeal, achieving their desired design style by integrating their own custom CSS code.

Personalize with Custom CSS

The Mega Footer widget is straightforward to embed on any website, requiring only basic technical knowledge. This means you can swiftly configure it without the necessity for extensive assistance or advanced skills, facilitating a smoother and quicker setup process.

Simple to Integrate on Any Website

The Mega Footer widget simplifies the user journey on your website. By consolidating important links, icons, and social media connections in one place, it allows for a streamlined and organized browsing experience. This, in turn, can potentially lead to increased time spent on your site.

Ease of Navigation

A neat and well-structured footer can significantly enhance the aesthetic appeal of your website. The Mega Footer widget helps in creating a visually pleasing and professional-looking space at the bottom of your webpage, adding to the overall attractiveness of your site.

Enhanced Website Appearance

Implementing the Mega Footer widget can contribute to SEO optimization. By organizing links and content efficiently, it helps in creating a structured layout that is favored by search engines, potentially improving your website's visibility and ranking.

Improve your SEO with a Mega Footer

Mega Footer

mega footer template 4

Mega Footer Template 3

mega footer template 2

Mega footer template 1

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

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

Multiple Layouts

The Skill 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 Skill Flip Cards app comes with a proficiency bar, that will show, in a visual representation, how well you know a skill. You can customize it as you see fit, and fill it using a simple slider.

Proficiency Bar

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 Skill 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

The Skill 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 Skill 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 Skill 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 Skill Cards Widget

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

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

With the Skill Flip Cards app’s customization options, you can make sure that your skills and experiences truly stand out on your website. Potential recruiters will be sure to notice these skills and be more inclined to contact you.

Stand Out

The Skill Flip Cards app is not only good for providing relevant information, but also for enhancing a website’s design.

Improve Design

The Skill Flip Cards app enables you to provide important information to potential employers in an organized and concise manner, that will certainly be appreciated by them, and will increase your chances of getting hired.

Provide Relevant Information

Skill Flip Cards

Lists & Cards

Present Tripadvisor reviews for your property on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

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

Filter

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

Manual Approval

The widget features additional filtering options in the form of keyword inclusion or exclusion — which is ideal for certain businesses.

Include or Exclude Keywords

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

Sorting Options

The widget supports all of Tripadvisor's various, specific and separate reviews for Vacation Rentals, Hotels, Restaurants, Cruises, and Attractions. Simply add the desired item, and the relevant reviews will appear.

Supports All Available Tripadvisor Reviews

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

The Tripadvisor Reviews 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 Tripadvisor Reviews 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 Tripadvisor Reviews 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.

The Tripadvisor 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.

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

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

Easy To Embed

Reviews on Tripadvisor are considered trustworthy and can have a big impact on a customer's decision to use your business. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good Tripadvisor reviews and increasing trust in your business, you will be able to help undecided customers to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The widget’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

Tripadvisor Reviews

Reviews

Present Your reviews on Amazon for your product on your website

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

The My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon 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.

The My Reviews on Amazon 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.

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

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

My Reviews on Amazon are considered to be trustful and can have a big impact on a user's decision of whether to use your product or not. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

By clearly displaying your good Amazon Reviews and increasing trust in your product, you will be able to help undecided users to make the decision to become paying customers quicker.

My Reviews on Amazon

Example 5

The Calendar widget enables effortless toggling of events as "All Day," allowing you to conveniently manage and display full-day events without specifying a specific time. This feature simplifies the process of highlighting key activities, making it easier for your visitors to identify and plan for full-day events.

Seamless All-Day Event Management

The Calendar widget comes with color customization options, empowering you to create visually appealing calendars that align with your website's branding or personal preferences. This flexibility not only enhances the aesthetic appeal of your website but also aids in creating a consistent and immersive user experience that resonates with your brand.

Personalized Color Customization

With the Calendar's ability to add links, you can enhance interactivity by attaching URLs to specific dates or events, providing additional information, or redirecting users to relevant pages. This feature not only adds depth to your event descriptions but also serves as a tool for guiding your visitors to additional resources or actions, thereby increasing user engagement and satisfaction.

Enhanced Interactivity with a Calendar Link Integration

The Calendar widget supports media integration, allowing you to enrich your calendar by adding images to events, creating a visually engaging experience. This multimedia approach not only makes your calendar more engaging but also provides a richer context for your events, thereby enhancing the overall user experience.

Visualize Events with Media Integration

With the Calendar Widget's customizable default view, you can choose the initial display mode that best suits your website's needs, such as month, week, or day view, providing a tailored user experience. This feature ensures that your users are immediately presented with the most relevant view, enhancing usability and ensuring that your website caters to a variety of user preferences.

Flexible Start Date Selection

The Calendar 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. These ready-to-use skins not only save you time but also ensure a professional and aesthetically pleasing look, enhancing your website's appeal without requiring extensive design work.

Calendar Multiple Skins

The Calendar 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. This inclusivity feature broadens your website's reach, making it more user-friendly and accessible to a global audience, thus promoting diversity and inclusivity.

Calendar with Full RTL Support

The Calendar 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! This level of customization allows you to create a unique and personalized calendar that aligns perfectly with your brand identity, thereby enhancing the overall aesthetic and user experience of your website.

Fully Customizable Calendar Widget

The Calendar 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. This responsiveness ensures a seamless user experience across all devices, giving you an edge in today's mobile-centric digital landscape.

Perfectly Responsive Calendar widget

The Calendar 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. This user-friendly design empowers even non-technical users to customize the widget to their liking, making it a versatile tool for enhancing your website's functionality and appeal.

Easy To Use Calendar

The Calendar widget's custom CSS feature offers you the ultimate control over the look and feel of your calendar. This advanced customization option allows you to modify the widget's design elements such as colors, fonts, and layout to perfectly match your website's aesthetics, providing a truly personalized and seamless user experience.

Calendar Widget Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Calendar widget will also be updated automatically with every change you make. This ease of integration and automatic updating not only simplifies the implementation process but also ensures that your website always displays the most current and relevant information.

Easy To Embed Calendar widget

A calendar widget on your website allows you to manage and showcase important events, meetings, or deadlines, making it easier for your visitors to stay informed and organized. Moreover, by providing a clear view of upcoming activities, it empowers your visitors to plan ahead, potentially increasing their participation and engagement with your content or services.





Streamlined Event Management with a Calendar Widget

Interactive calendars can improve user engagement by encouraging users to explore upcoming events, subscribe to event notifications, or even book appointments directly from your website. Indeed, interactive calendars can boost engagement by prompting users to explore events, subscribe to notifications, or book appointments directly on your site.

Add Calendar widget to Improved User Engagement

A well-maintained calendar reflects a sense of organization and professionalism, enhancing your brand image and building trust among your website visitors. A well-curated calendar not only reflects a high level of organization and professionalism but also strengthens your brand image and fosters trust among your website visitors.

Webocreation.com Opencart 4 custom theme

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Product Blobs

Section Builder

Mega Footer

Skill Flip Cards

Tripadvisor Reviews

My Reviews on Amazon

Calendar

Video Gallery

YouTube Feed

Flash Cards

X Feed

Course Registration Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Webocreation.com Opencart 4 custom theme

OpenCart extension

App Details

Pricing

Check Out the Product Blobs Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Product Blobs

Section Builder

Mega Footer

Skill Flip Cards

Tripadvisor Reviews

My Reviews on Amazon

Calendar

Video Gallery

YouTube Feed

Flash Cards

X Feed

Course Registration Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine