Skip to content

component

Product Slideshow +

By Refinery Studio

Details

Summary

Interactive product carousel

Description

IMPORTANT: VERSION 1.2 Addition of sub-images or image variants Addition of Individual and Global Button links Button types including primary, secondary, and tertiary button options Addition of product variants such as size, color, etc., with price variation and control settings. Each product slide includes structured information: Product Name Description Price Action Button (linked to purchase or external page) How It Works 1. Add Products Inside the settings panel, you can create product entries by adding: Product image Product name Product description Price Button link (external or internal URL) Each entry becomes a slide in the carousel array. 2. Interaction Logic Products are displayed in a horizontal carousel layout. Clicking on a product image triggers a scale-up (zoom) animation. Users can continue navigating between products while the active one remains visually emphasized. This creates a layered browsing experience: Browse → Click → Focus → Navigate → Purchase 3. Layout & Styling Controls You can customize: • Spacing Adjust the gap between product items. • Scale-Up Size Control: How large the active image expands when clicked. • Image Positioning Define alignment and placement within the container. • Backdrop Title Add a large background title or contextual heading behind the slideshow for added visual impact. • Button Customization: Edit label text and attach destination links Use Cases Ecommerce product highlights Fashion lookbooks Limited edition drops Featured collections Digital product previews Campaign landing pages Refund Policy Due to the digital nature of this component, refunds may not be available once the file has been downloaded. If you experience technical issues or require assistance with setup, support is available. Support If you need help with setup or customization: Email: alipoejules@gmail.com

Introduction

Interactive product carousel

Rank history

Daily rank per list, from the first snapshot — lower is better.

11012012738/148/228/309/79/15
  • All · #273