Quick view

Quick View lets a shopper open a product in an overlay and see its full image gallery next to the price, options, and buy buttons — without leaving the page they are on. It opens from a product card.

---

Structure

┌──────────────────────────────────────────────┐
│  Quick View Overlay                          │
│  ┌──────────────────┐  ┌──────────────────┐  │
│  │                  │  │  Title           │  │
│  │   Product media  │  │  Price           │  │
│  │                  │  │  Variant Picker  │  │
│  │                  │  │  Buy Buttons     │  │
│  └──────────────────┘  └──────────────────┘  │
└──────────────────────────────────────────────┘

Quick View overlay

Product media — The product's image gallery, with layout, zoom, and video controls.

Details — The purchase area, built from the blocks you add.

---

Style

Setting	Description
Desktop layout	How the overlay opens on desktop — a centered popup, or a drawer that slides in from the side.
Width	The widest the overlay can be.
Mobile layout	How the overlay opens on mobile — a sheet from the bottom, or a drawer from the side.
Gap — Desktop / Mobile	Space between the media and details panels.

The overlay's colors and general appearance are set in Theme settings → Overlay, so they stay consistent everywhere Quick View is used.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket