FAQ

How to open lightbox flipbook from a button or image?

1. Assign a custom CSS class and remove default thumbnail via shortcode parameters

[real3dflipbook id="1" class="book1"]

or with

Edit Flipbook > Lightbox > CSS class

and

Edit Flipbook > Lightbox > Hide thumbnail > Enabled

2. Add the flipbook shortcode to the page

3. Add the same CSS class to your button or image that should open the lightbox

How to optimize flipbook loading time?

  1. Optimize PDF/images for wew

  2. Convert PDF flipbook to image flipbook with PDF Tools Addon

  3. Use simpler view mode, 3d or swipe or scroll instead of the default webgl

Unable to save flipbook settings/unable to add new flipbook

Increase max_input_vars in your php.ini from default 1000 to higher value, for example 3000 and restart server. If you don’t find max_input_vars in your php.ini file then add it like this:

max_input_vars=3000

save and restart server. Make sure that max_input_vars in not commented out with semicolon at the beginning of the line like this:

;max_input_vars=3000

Plugin installation failed

You uploaded the zip that is not valid WordPress plugin (wrong zip file).

PDF Flipbook loading slow

Make sure your server supports range requests. That is required so PDF pages can be rendered before entire PDF is downloaded.

JPG Flipbook loading slow

Optimize JPG-s for web use. Images should be 200 - 300 kb in size and maximum 2000 - 3000 px in height.

Can I load a PDF/images from another server (cross domain request)?

By default PDF and images needs to be on the same server. To use resources from another domain you need to add Access-Control-Allow-Origin header to server response, for example to allow http://foo.example to load the resources you need to add header:

Access-Control-Allow-Origin: http://foo.example

Flipbook is not working

Please check your browser console for errors. In most cases the problem is that flipbook has no PDF/images specified, or is trying to load PDF/images from another domain. If you see CORS error, please see how to enable CORS for PDF https://real3dflipbook.gitbook.io/wp/pdf-flipbook#pdf-from-another-domain

There might also be other javascript errors on the page, coming from another plugin. Try to disable other plugins to see if another plugin is causing the problem.

PreviousWPBakery Addon

Last updated