component
Product Slides
By Refinery Studio
Details
- Refinery StudioAuthor
- componentType
- $5.00Price
- 2026-05-05Published
- 2026-06-23Updated
- 2026-04-20Added
- CarouselsCategories
Summary
A dynamic state-based carousel
Description
Infinite Product Slide is a flexible, high-impact carousel component designed to showcase products in a more interactive and layered way. Instead of limiting users to a simple scroll, it introduces a dual-state experience—allowing each product to be previewed quickly or explored in full detail within the same flow. Features Dual-state design (Collapsed + Expanded) Infinite or finite carousel behavior Primary images with optional subimages Caption, title, description, and optional price fields Custom default state (collapsed or expanded) Fully customizable image indicators Editable typography and color styles Background image or color per slide Smooth, customizable transitions between slides and states Drag-and-drop item reordering Mobile responsive below 800px How It Works Add your product/image items to the component Upload a main image and optional subimages for each item Input your caption, title, description, and optional price Choose your preferred layout behavior (infinite or finite) Set the default state (collapsed or expanded) Customize styling—colors, text, indicators, and backgrounds Reorder items to control the flow of presentation Once set, users can swipe or navigate through slides, expanding any product to view full details without leaving the experience. Advantages Combines browsing and product detail in one component Reduces need for multiple pages or modals Encourages deeper engagement through interaction Highly flexible to fit different brand aesthetics Optimized for both desktop and mobile experiences Support We’re always available to help you get the most out of this component. If you run into any issues or need guidance, feel free to reach out. Refund Policy Due to the nature of digital products, all sales are final. No refunds will be issued. Contact For support, questions, or customization requests, reach out anytime—we’re happy to assist.
Introduction
A dynamic state-based carousel
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3199