Skip to main content

How to integrate your Custom or Theme Quick View popup with LimeSpot Recommendation boxes

Learn how you can replace LimeSpot's built-in Quick View pop-up with a Custom implementation or your Theme's built-in Quick View or Quick Buy popup.

Updated this week

LimeSpot Recommendation boxes have a built-in Quick View pop-up that can be activated on the Designer, but you might already have an existing Pop-up for Quick View or Quick Buy that you might want to use instead of LimeSpot's built-in version.

LimeSpot has a built-in mechanism for replacing the Quick View popup with your own, which could be achieved by adding a simple piece of JavaScript code to the Code section:

LimeSpot.quickActions.customQuickViewHandler = ({ productIdentifier, productHandle }) => {
customQuickViewLauncher({ productIdentifier, productHandle });
};

When the LimeSpot.quickActions.customQuickViewHandler is defined, the Product CTA button on LimeSpot boxes would call the provided custom method (customQuickViewLauncher on the example above), passing a composite object including productIdentifier (platform's Product ID) and productHandle for the button that's been clicked.

The Code section is accessible inside the LimeSpot Designer for all LimeSpot plans except for LimeSpot Turbo. For LimeSpot Turbo, the Code section lives under the Shopify admin panel > LimeSpot app > Appearance Settings > Custom JavaScript.

Did this answer your question?