Product Vista

Product Vista
Product Vista

About Product Vista

Interactive Product Gallery

The Interactive Gallery component is a sleek and versatile gallery for displaying images with clarity and style, perfect for displaying products. It features a main image area supported by clickable thumbnails that allow users to browse through different product images effortlessly.

Interactive Features

  • Clickable thumbnails to switch the main image

  • Optional navigation arrows for browsing through images

  • Hover effect to preview thumbnails as the main image

Customizable Design Controls

  • Adjustable border color and width

  • Toggle hover effect on or off

  • Show or hide navigation arrows

  • Supports any image ratio or layout configuration

How It Works

The gallery is structured with a primary image container and a row of up to 6 thumbnails. Each thumbnail can replace the main image on click or hover, depending on user interaction settings. Design controls make it easy to adjust borders, colors, and interactive behavior.

From Ævar Bernburg

BeforeSwipe
3D Rotating Box
Project Hours Chart
Flip Card

Related Components

PhotoFolder
Random Gallery
The Infinite Grid
Masonry Pro