Quick View (Button & Pop-up)
The Quick View feature allows customers to quickly preview product details without leaving the bundle page. When a user hovers over a product card, a Quick View button appears. On clicking this button, a pop-up (modal) opens with detailed product information. You can fully customize both the Quick View button and the Quick View pop-up from this tab.
How It Works
- Hover on a product → Quick View button appears
- Click the button → Pop-up opens
- Customers can:
- View product details
- Check images and description
- Add product directly to the bundle.
Quick View Button Customization
You can control how the button appears on the product card:
1. Button Position
- Set where the button appears:
- Center
- Top / Bottom (based on layout)
2. Button Style & Icon
Choose different button types:
- Eye (default quick view icon)
- Expand
- Search
- Info
- External link
- Plus
3. Styling Options
Customize:
- Background Color
- Icon Color
- Hover Background
- Hover Icon Color
This allows you to match the button with your product card design.
Quick View Pop-up Customization
When the button is clicked, a modal opens. You can fully style this pop-up:
1. Overlay & Close Button
- Adjust overlay opacity (background blur/dim effect)
- Set close (X) icon color
- Customize close button background & hover styles
2. Modal Container
- Set background color
- Customize layout appearance
- Choose open animation (e.g., slide, scale)
3. Gallery & Visibility
- Customize gallery background
- Show/Hide:
- Product description
- Vendor
4. Content Styling
You can control:
- Text colors
- Font styles
- Spacing and layout
