ULTRAKIT · WIDGET #83

Six ways to slide through your WooCommerce products: a classic slider, a 3D coverflow, a big hero showcase, a swipeable card stack, a spinning 3D ring and an endless marquee. Every card style from the Product Grid, seven kinds of pagination, category tabs and autoplay that pauses when you need it to.

STORE HOMEPAGE · SLIDER

The everyday product slider: four across on desktop, two and a half on tablets, a peek of the next card on phones. Arrows sit beside the title, a progress bar shows how far you are, and you can drag or swipe.

mode: sliderarrows in headingprogress bardrag & swipe
PRODUCT LAUNCH · HERO SHOWCASE

A big photo on one side, the full story on the other. The photo eases in, the text rises line by line, and the thumbnail strip below lets shoppers jump straight to any product. It plays on its own and pauses when you hover.

mode: herothumbnail paginationautoplaysoft studio cards
SHOP BY DEPARTMENT · CATEGORY TABS

Pick Audio, Home or Wearables and the slider rebuilds itself with just those products. Pastel cards take their color from the category, the edges fade out, and the arrows move a whole view at a time.

category tabspastel cardsfaded edgesstretchy pill dots
DEAL OF THE DAY · CARD STACK

The deals sit in a little pile. Swipe the top card away (or use the arrows) and the next one slides forward. Dark neon cards, a “You save” line and how many are left.

mode: stacksource: on salecounter 01 / 03gradient arrows
GIFT FINDER · 3D RING

Products stand in a circle and the whole ring turns to bring the next one forward. Click any card on the ring to spin straight to it. Story-style lines fill up while it plays.

mode: 3D ringstory lineslong line arrowsautoplay
BOUTIQUE · EDITORIAL SHOWCASE

The same hero showcase with the photo on the right, a curtain-wipe transition, boutique typography and a quiet “Add to bag” link. Arrows and a 01 / 04 counter sit up in the heading.

hero · photo rightcurtain wipecounterboutique style
LIFESTYLE · STORIES

Text-over-image cards in a slider that plays by itself. Each line at the bottom fills up while its product is showing, just like stories on social apps, and the arrows float over the photos.

overlay cardsstory linesarrows over slidesloop
KIDS & GIFTS · FANNED CARDS

The coverflow’s playful cousin: cards tilt out from the center like a hand of cards. Gradient-frame cards, round add buttons and simple dots.

coverflow · fangradient framedots
FOOTER STRIP · MARQUEE

Two rows drifting in opposite directions, forever. It pauses when you hover, and every card still works: open quick view, save to the wishlist or add to the cart mid-scroll.

mode: marquee2 rowspause on hoverfaded edges

201 premium elements, Product Carousel included.