<p>Adds a custom shipping method to Commerce to calculate the cost of shipping with a math formula. Uses [mossadal](<a href="https://github.com/mossadal)/**[math-parser](https://github.com/mossadal/math-parser">https://github.com/mossadal)/**[math-parser](https://github.com/mossadal/math-parser</a>)** for parsing math expression with variables for use in the math expression available for Commerce fields.</p>

Tony Klapatch

Formula Shipping for Commerce

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



Easy to use

The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Use the Video Slider widget when you have several important clips that support the same story and you want to keep them together in a premium looking section. A slider lets you present demos, testimonials, tutorials, and ads in one unified experience instead of scattering them down the page. Visitors can quickly skim thumbnails and play only what matches their interest, which respects their time and attention. This is ideal for SaaS products, online courses, agencies, and ecommerce brands with rich video assets. By grouping videos in a controlled slider, you give them a stage that feels organized, intentional, and easy to navigate.

Video Slider

Media

New!

Embed images into titles. Control animation, positioning, font, and responsiveness.

Example 1

Example 2

Example 3

Example 4

Add an extra layer of intrigue to your titles with animated backgrounds. The gentle movement of the image can create a captivating effect, keeping your audience engaged and encouraging them to explore your content further.

Add Dynamic Animations

Take full control over how your background images align with your titles. This feature enables you to fine-tune the position and coverage of your images, ensuring a seamless blend with your titles for the most impactful visual effect.

Optimized Image Positioning

With the option to emphasize text with a stroke, you ensure maximum readability for your audience. This feature enhances the contrast between your text and its background, making your titels more striking and easier to read.






Enhanced Text Visibility

The power to set the animation direction of your background images is in your hands. Whether it's right, left, up, down, or a zoom effect, you can decide the path that best complements your title and site design.

Customizable Animation Direction

You can also control the pace of your animations to match the rhythm of your website. This feature allows you to set the speed of your image movements, creating a harmonious and engaging visual experience for your site visitors.

Flexible Animation Speed

Breathe new life into your titles with a vast selection of fonts. This feature lets you experiment with different typography styles, allowing you to find the perfect match for your brand and the message you want to convey.

Variety of Font Choices

The Headline With Background Image widget is designed to keep user-friendliness at the forefront, ensuring easy usage and understanding of its functionalities. Its intuitive interface encourages user interaction and makes sure that visitors can smoothly navigate the widget, leading to a better overall website experience.

The Headline With Background Image widget is fully responsive, ensuring your content looks its best on any device. This means your engaging titles and eye-catching images will retain their impact and readability, whether viewed on a desktop, tablet, or smartphone.

Fully Responsive

Like our other tools, the Headline With Background Image widget also provides the flexibility to integrate custom CSS for a truly tailored look. Users with coding skills can boost the widget's aesthetics, attaining their preferred design style by incorporating their own custom CSS code.

Customize with Custom CSS

The Headline With Background Image widget is easy to add to your website, needing just basic tech know-how. This means you can quickly set it up without needing lots of extra help or fancy skills, making the whole process smoother and faster.

Easy to embed

The Headline With Background Image widget allows you to unleash your creativity without requiring advanced technical skills. This user-friendly tool enables anyone to create visually stunning headlines, making your website more appealing and interesting in just a few simple steps.

Effortless Creativity

This widget turns your headlines into an immersive visual experience. By using the Headline With Background Image widget, you are more likely to attract and keep the attention of your visitors, creating a memorable first impression.

Visually Engaging Content

By using images as the backdrop for your headlines, you add a new dimension to the user experience. This fresh and unique approach to presenting information can make your site more enjoyable and compelling for visitors, increasing user engagement.

Enhanced User Experience

Use the Headline With Background Image widget when you want to blend strong typography with visual storytelling in a single element. Instead of placing text over generic backgrounds, you choose specific images that directly support the message in the headline. This is powerful for campaigns, product launches, hero sections, and storytelling pages. Carefully chosen visuals behind your key line help visitors immediately understand context and emotion without extra words. With control over positioning, animation, and fonts, you can keep readability high while still creating a memorable, brand aligned first impression that feels unique compared to standard blocks.

 Headline With Background Image

Get Creative

Display Instagram posts in a sleek carousel format on your site.

Navigate through your Instagram content effortlessly with user-friendly arrows and pagination. These features enhance the user experience by making it simple for visitors to browse through your carousel, keeping them engaged with your content.

Arrows & Pagination for Seamless Navigation

Gain control over how your audience views the Instagram Carousel by customizing the slider speed and dwell time for each post. Tailor the experience to match your audience's preferences, ensuring they engage fully with your content.

Custom Slider Speed & Time Per Slide

Keep your website's content dynamic and engaging with the Instagram Carousel Widget, which automatically updates to showcase your latest Instagram posts. This ensures your site always displays fresh, up-to-date content, encouraging visitors to keep coming back.

Automatically Refreshing Instagram Content

Maximize engagement on your website with interactive, clickable content within the Instagram Carousel Widget. Visitors can interact directly with your Instagram posts, offering a more immersive experience and a deeper connection with your brand through your Instagram content.

Interactive Clickable Content in the Instagram Carousel

Designed with simplicity in mind, the Instagram Carousel Widget can be easily set up and customized without any coding knowledge. Its intuitive design ensures anyone can enhance their website with Instagram content quickly and effortlessly.

Easy-to-Use Instagram Carousel Widget

The Instagram Carousel Widget offers broad customization options, letting you align the carousel's appearance with your brand identity. Adjust colors, fonts, and sizes to create a seamless look that resonates with your website's theme.

Fully Customizable Instagram Carousel Widget

The Instagram Carousel Widget adapts elegantly across devices, ensuring your Instagram content is beautifully displayed whether your audience is on a desktop, tablet, or smartphone. This responsiveness is crucial for engaging the mobile-first audience of today.

Perfectly Responsive Instagram Carousel

For those who desire even more customization, the Instagram Carousel Widget supports custom CSS. This feature allows for deeper personalization, ensuring you can perfectly match your website’s design and functionality needs.

Custom CSS for Instagram Carousel

Embedding the Instagram Carousel Widget on your website is straightforward, requiring just a single line of code. This ease of integration means you can quickly start displaying your Instagram content, keeping your site dynamic and engaging.

Effortless Embedding on Any Website

Incorporating the Instagram Carousel widget into your website provides a visually rich and engaging experience for visitors. By displaying your latest Instagram posts in a carousel format, you capture the audience's attention, encouraging longer site visits and higher interaction rates. This engagement is essential for improving SEO and increasing the likelihood of conversions.

Increase User Engagement with the Instagram Carousel

Showcasing your Instagram content on your website boosts your brand's social proof by presenting authentic user-generated content. Highlighting how customers interact with your brand or products on Instagram fosters trust and credibility, leading to higher conversion rates.

Enhance Social Proof with Instagram Carousel Integration

Utilizing the Instagram Carousel widget extends your Instagram content's reach beyond the platform, exposing your brand to a broader audience on your website. This cross-platform engagement enhances brand awareness and visibility, drawing in a wider audience to your Instagram profile.

Broaden Brand Exposure Through Instagram Carousel

Use the Instagram Carousel widget when you want a refined, slideshow style presentation of your Instagram posts on specific sections of your site. Each slide can highlight a single post or a group, creating a visual story that aligns with the surrounding content. This fits well on homepages, portfolio pages, and campaign landings. You maintain a clean design while still tapping into the social proof and lifestyle imagery that Instagram offers. Visitors can slide through content, click to view more, and feel that your site and social presence are part of one consistent visual ecosystem.

Formula Shipping for Commerce

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Video Slider

Headline With Background Image

Instagram Carousel

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Formula Shipping for Commerce

MODX extra

App Details

Pricing

Check Out the Video Slider Widget

App Info

Some of the best Common Ninja extras for MODX

Video Slider

Headline With Background Image

Instagram Carousel

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine