DC One Slider – Interactive Product Slider for OpenCart 4

DC One Slider is a premium interactive product slider for OpenCart 4, designed to turn ordinary product presentation into a modern, animated and highly engaging shopping experience.

The module automatically loads products from your store. You only choose what you want to display: latest products, bestsellers, specials or products from a selected category. Then set the product limit and image size — and the slider is ready.

Each slide becomes a complete product presentation powered by live OpenCart data.



Main Features

Dynamic product source
Display latest products, bestsellers, specials or products from any selected category.

Codrops Elastic Circle inspired effect
Each product has two presentation levels: a compact preview and a full-screen product view. After clicking the plus button, an animated circle expands across the screen and reveals the full product details.

Full product presentation
Show product name, price, thumbnail, large image, full description and action buttons.

AJAX shopping actions
Customers can add products to cart, wishlist and comparison without reloading the page.

Responsive slider with bounce animations
The slider uses smooth transitions, elastic movement, opacity effects and modern easing animations powered by dynamics.js.

Mobile swipe support
Users can browse products with touch gestures on mobile devices.

Keyboard navigation
Navigate with arrow keys, open products with Enter and close the full-screen view with Esc.

SVG prev / next controls
Clean, modern and lightweight navigation buttons.

WCAG 2.1 friendly structure
Includes aria-labels, semantic headings, keyboard support, visible focus states and scroll locking for better accessibility.

Smart cache and asset optimization
The module supports Design Cart optimization logic with CSS and JS minification. Cache is rebuilt only when files actually change.

No VQMOD or OCMOD modifications required
The module works without modifying theme files.

Theme-safe integration
All styles and scripts are loaded dynamically and the module is wrapped inside its own .dc-one-slider container to avoid conflicts with the store layout.

Why choose DC One Slider?

DC One Slider is not a standard carousel. It combines OpenCart 4, AJAX, Elastic Circle animation, responsive UX, accessibility and smart optimization into one polished product module.

It is ideal for:
- home pages
- landing pages
- featured collections
- seasonal campaigns
- premium product presentations
- limited edition products

The result is a smooth, modern and memorable product browsing experience that feels closer to a mobile app than a classic store slider.

Installation Preview













Summary

DC One Slider gives your OpenCart 4 store a visually impressive, interactive and fully dynamic product showcase. It brings together premium front-end animation, real store data, AJAX actions, mobile gestures, keyboard navigation, accessibility and performance optimization.

It is not just a slider.

It is a premium product presentation module built to make your products look better, feel more interactive and convert more effectively.

Author: Paweł Nosko
Demo video & Documentation: DC One Slider documentation