1. Home
  2. Knowledge Base
  3. Advanced Product Fields for WooCommerce
  4. Code snippets
  5. Integration code snippets
  6. Integrate APF with Porto theme

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.

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.

turn-off-skeleton-screen-settings

Quickview

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

Please supply your license key to unlock the code

Since this is a custom-coded snippet, we kindly ask for your license key so our system can verify your purchase.

Was this article helpful?

Related Articles