LoopKit – Product Carousel, Slider & Card Builder For WooCommerce Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
LoopKit adds one Elementor widget: a WooCommerce product carousel you build where you build the page.
Change a control and the carousel updates in the Elementor canvas immediately. There is no shortcode to copy, no settings page to visit, and no banners to dismiss.
Built inside Elementor
- Live editing. Every control updates the canvas with no page reload.
- The carousel stays interactive in the editor. Drag, arrows and dots all work.
- Typography, colour and spacing come from Elementor’s Style tab, including your Global Fonts and Global Colors.
- Every control is responsive, using your own Elementor breakpoints.
Accessible by default
Accessibility is included in the free version, complete, not sold as an upgrade.
role="region"witharia-roledescription="carousel"and an accessible label.- Slides exposed as groups with a readable position, such as “3 of 12”.
- Off-screen slides are inert, so keyboard focus never disappears into them.
- Real button elements for arrows and dots, with
aria-currenton the active dot. - A visible, always-available pause control whenever autoplay is on.
prefers-reduced-motiondisables autoplay and zeroes transitions.- Visible focus rings that inherit your theme’s accent colour.
Build the card, or start from one
Eight starter presets: Classic, Minimal, Overlay, Compact, Editorial, Promo, Reviewed and Showcase. A preset is an arrangement of card elements, not a skin, so it still takes its colours and type from your Style tab and looks like your site rather than like a template.
Prefer to build it yourself? Switch to the Card Builder and drag image, sale badge, stock badge, title, price, rating, short description and add-to-cart into the order you want, across three zones: the image area, the content area, and a hover overlay.
Hide any element on the devices you choose, using your own Elementor breakpoints. Built a card you like? Save it as a named preset right from the panel, and every carousel on the site can use it.
Motion that earns its place
Six hover effects (zoom, lift, tilt, overlay fade, slide-up and border draw), six easing curves plus your own cubic-bezier, a staggered entrance as the carousel scrolls into view, and drag with adjustable edge resistance. Everything animates with transform and opacity only, every effect answers to keyboard focus as well as hover, and all of it switches off for visitors who ask for reduced motion.
Query your catalogue
Six product sources: recent, featured, on sale, best selling, top rated and manual selection. Filter by category, tag and product type, exclude out-of-stock or hidden products, and require a featured image.
Light on your pages
Assets load only on pages that actually contain the widget, and the carousel engine itself is fetched only once a carousel approaches the viewport — a page that is never scrolled that far never downloads it. No jQuery.
No settings to hunt for
Every carousel is set up on its own widget, where you build the page. LoopKit adds one LoopKit page to the admin menu, with a quick start, what the free version includes, what is coming in Pro, the tested themes, links to documentation and support, and the changelog. It has no settings, no dashboard banners and no recommended-plugin panels. After activation you see one welcome notice on the Plugins screen, and it is gone for good once you dismiss it or open the LoopKit page.
Source code and third-party libraries
The JavaScript and CSS in assets/ are compiled. Their human-readable source ships with the plugin in src/, and is built with @wordpress/scripts (webpack).
LoopKit bundles one third-party library:
- Swiper 11.2.10, Copyright 2014-2025 Vladimir Kharlampidi, released under the MIT License. Its source is at https://github.com/nolimits4web/swiper, and its licence text ships with the plugin in
assets/swiper-license.txt.
Screenshots
A product carousel on the storefront, using the Classic preset.
Live editing: switching the preset redraws the carousel in the Elementor canvas with no reload.
The Card Builder: arrange elements across the image, content and hover zones.
Product query controls, with six sources, filters and ordering.
Style tab navigation controls for arrows, dots and the focus ring.
Keyboard use: the pagination dots are one Tab stop, with arrow keys and a visible focus ring.
The LoopKit page: a quick start, what is included, the tested themes and the changelog.
