Quick start
It works out of the box. These five steps make it match your store.
1. Choose the product lists
General: keep Shop, category & search pages, Related, up-sell & cross-sell lists and Other product lists on, or turn off the ones you don't want.
2. Place and style the button
Button: choose a Position, such as Icon on the image or Replace theme's icon if your theme shows icons on product images. Choose icon and text, then Theme button to match your theme or Custom colors. The Live Preview shows the result.
- Button Content, Placement & Visibility and Appearance cards
- Live Preview with a sample product card
3. Design the modal
Modal: pick an arrangement (image left, right or stacked), the maximum width, colors and opening animation.
4. Choose the details
Product Content: show or hide the sale badge, rating, description, SKU and categories, and the View full details link. Add to Cart: decide what happens after adding: stay with a confirmation, close, or go to the cart or checkout.
5. Test it
- Open your shop in a private window
Click Quick View on a simple product and add it to the cart: your mini cart updates.
- Try a variable product
Choose options; the image and price change. Add it to the cart.
- Try a phone
The modal opens full screen; close it with the × button.