To integrate our plugin, you’ll need to do 2 things: disable Skeleton screens and add a code snippet for the Porto quick view functionality.

Skeleton screens

Porto has a setting called Skeleton screens, which adds a loading animation to every product page to lazy-load the HTML. Our plugin runs after the page is loaded, but in the case of Porto, the page initially loads with incomplete HTML. This can be fixed in 2 ways:

Turning off this feature in Porto can be done on product level, or globally (for every product at once). To turn it off globally, go to Appearance → Theme Options → General and find the setting to turn off skeleton screens on the product pages and quickview.

Quickview

Implementing our plugin with the Porto quick view can be done by adding the following code snippet to your theme (read here how):