Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

LoopKit – Product Carousel, Slider & Card Builder For WooCommerce Wordpress Plugin - Rating, Reviews, Demo & Download

LoopKit – Product Carousel, Slider & Card Builder For WooCommerce Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

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" with aria-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-current on the active dot.
  • A visible, always-available pause control whenever autoplay is on.
  • prefers-reduced-motion disables 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

  1. A product carousel on the storefront, using the Classic preset.

    A product carousel on the storefront, using the Classic preset.

  2. Live editing: switching the preset redraws the carousel in the Elementor canvas with no reload.

    Live editing: switching the preset redraws the carousel in the Elementor canvas with no reload.

  3. The Card Builder: arrange elements across the image, content and hover zones.

    The Card Builder: arrange elements across the image, content and hover zones.

  4. Product query controls, with six sources, filters and ordering.

    Product query controls, with six sources, filters and ordering.

  5. Style tab navigation controls for arrows, dots and the focus ring.

    Style tab navigation controls for arrows, dots and the focus ring.

  6. Keyboard use: the pagination dots are one Tab stop, with arrow keys and a visible focus ring.

    Keyboard use: the pagination dots are one Tab stop, with arrow keys and a visible focus ring.

  7. The LoopKit page: a quick start, what is included, the tested themes and the changelog.

    The LoopKit page: a quick start, what is included, the tested themes and the changelog.


Reviews & Comments