Integrate APF with Porto theme
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.
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.
Implementing our plugin with the Porto quick view can be done by adding the following code snippet to your theme (read here how):