LoopKit – Product Carousel, Slider & Card Builder for WooCommerce
Your product carousel should not be a guessing game. 🎠 You drop in a carousel widget, set a few options, and then… reload. Squint. Reload again. The editor shows one thing, the live page shows another, and the client is waiting. Watch it work in one minute: Read the documentation LoopKit fixes that
Your product carousel should not be a guessing game. 🎠
You drop in a carousel widget, set a few options, and then… reload. Squint. Reload again. The editor shows one thing, the live page shows another, and the client is waiting.
Watch it work in one minute:
Read the documentation
LoopKit fixes that. It adds one Elementor widget that builds a WooCommerce product carousel live in the canvas . Change a control and the carousel redraws instantly — same markup, same CSS, same result your customers will see. No reload. No preview tab. No shortcode to paste.
😤 The four things that make product carousels painful
- “It looked fine in the editor.” Most carousel plugins render on the server, so the editor is an approximation and the page is a surprise.
- “I need custom CSS for every client.” Fixed card layouts force you into the one design the plugin author liked.
- “My PageSpeed score dropped.” jQuery, a full slider bundle and stylesheets loaded on every page, carousel or not.
- “The accessibility audit failed.” Keyboard traps, invisible focus, autoplay that cannot be paused — and a plugin that charges you extra to fix it.
LoopKit answers all four, in the free version. 👇
✨ What you get
🪄 True live editing Every control — style, card layout, motion, carousel behaviour — redraws the canvas with no page reload and no server request. Only a change to the product query fetches anything, and your old products stay on screen while it does.
🧱 A real Card Builder Eight elements: image, sale badge, stock badge, title, price, rating, short description and add to cart. Drag them into the order you want across three zones: image area, content area and a hover overlay. Hide any element per device using your own Elementor breakpoints.
🎨 Eight presets that still look like your site Classic, Minimal, Overlay, Compact, Editorial, Promo, Reviewed and Showcase. A preset is an arrangement, not a skin — colours and type keep coming from Elementor’s Style tab and your Global Fonts. Built a card you love? Save it as your own named preset and reuse it on every carousel on the site.
🗂️ A category carousel too A second widget, Category Carousel, slides your product categories or brands instead of products. Image, name and product count, each card linking to its archive — and it shares the same layout, motion, styling and accessibility as the product carousel.