How do I get faster support and help?
We recommend using the contact form on our premium support page or the contact form on our WordPress Support Forum. You can also leave a comment in the comment section below, but that will be a bit slower and has a limitation with sharing extra info like screenshots and private information like website URL.
Before contacting us, please make sure that you:
- Read the documentation carefully,
- See this Support FAQs
If you didn’t find the answer to your problem, please ask your question on the item discussion page or send us a private message from the support contact form and we will reply via email.
IMPORTANT! For fast troubleshooting, please send us detailed information about the issue. Also, make sure that you send us your site URL where you are using/want to add the flipbook. Please note, that we cannot troubleshoot efficiently from screen-shots.
Please wait some time until we respond (usually in 24 – 48 hours).
PDF and FlipBook Loading issues:
Why is PDF loading slowly?
PDFs will load slowly due to various reasons. A big size will take longer to download, improper encoding will disable various loading feature. We have pointed out some of the major issues that can be resolved to make loading faster.
1. Remove gZip for PDF
Pdfs are readily compressed while exporting so extra compression won’t make any benefit. By default, the plugin supports partial loading inbuilt. but for that, you need to make sure partial loading is not disabled. Normally, as default, partial loading is supported out of the box. But, in cases where gzip is enabled for PDF then the partial loading won’t work.
Disable gzip for PDF in .htaccess file.
<IfModule mod_headers.c> <FilesMatch "\.pdf$"> RewriteRule ^(.*)$ $1 [NS,E=no-gzip:1,E=no-brotli:1,E=dont-vary:1] </FilesMatch> </IfModule>
Further Reading at StackOverFlow https://stackoverflow.com/questions/9249243/how-to-disable-apache-gzip-compression-for-some-media-files-in-htaccess-file
How to check gZip status for a file?
You can use the link to your PDF and enter that at https://www.giftofspeed.com/gzip-test/ to test the gZip status of a file.
2. Make PDF optimized for web purpose:
Make sure your PDF is Web optimized. PDFs are normally exported for printing and are of high quality, around 300-600dpi, which a printer requires. But for reading purposes on-screen 72-100dpi is enough. 50MB for 10 pages is not good for web use. Optimize the PDF and make per page average as max as 500KB or less. Maybe this can be useful: https://www.iskysoft.com/edit-pdf/optimize-pdf-mac.html
https://sourceforge.net/projects/workerpdf/
There is a CORS (Cross-Origin) issue and PDF is not loading!
This occurs when the file and page are in HTTP and https mixed protocol. This is a result of improper https redirection. We recommend using a proper setup to redirect every HTTP request to https to avoid any conflict.
If you are using the file from another domain, make sure you have proper CORS setup done in another domain. For Apache Server, add following lines in .htaccess file
Header set Access-Control-Allow-Origin "*" Header set Access-Control-Allow-Headers "Range" Header set Access-Control-Expose-Headers: "Accept-Ranges, Content-Encoding, Content-Length, Content-Range"
More Info: https://enable-cors.org/server.html
Customization
How to change thumb size for lightbox popups?
You can change the thumb size by using Custom CSS. We recommend using Theme Customizer -> Additional CSS section for adding Custom CSS.
._df_thumb{ width:240px; height:360px; }
How to show thumb title without hover?
Normally thumb titles are displayed on hover. It can be changed to auto with Custom CSS. We recommend using Theme Customizer -> Additional CSS section for adding Custom CSS.
._df_thumb ._df_book-title, ._df_thumb .df-book-title { opacity: 1; bottom: 0; }
How to change the color of links in the flipbook?
The links in the PDF are auto-detected and highlighted in yellow as default. To change the color you can either make the highlight transparent to hide the yellow highlight or change the color to another. We recommend using Theme Customizer -> Additional CSS section for adding Custom CSS.
/* Make the highlight transparent - no color */ section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{ opacity:0 !important; }
/* Make the highlight color red */ section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{ background-color: red !important; }
You can create your own buttons by using the ‘custom’ type shortcode. Example:
[dflip id="123" type="custom"]Your button shortcode goes here[/dflip] [dflip id="123" type="custom"]<div class="custom-button">My Button</div>[/dflip] [dflip id="123" type="custom"][button-shortcode]My button[/button-shortcode][/dflip]
Demo:
Your button shortcode goes hereCustom Links
You can create your own link by using the ‘link’ type shortcode. Example:
[dflip id="91" type="link"]Click this link[/dflip]
Demo: Click this link to open flipbook
How to disable Zoom in Flipbook?
There are two types of zoom available in dFlip Flipbook Plugin and both types can be changed as per requirement.
- Disable Zoom on Mouse Scroll: This can be disabled using the dFlip Books -> Settings -> Enable Zoom on Scroll setting. This enabled and disabled the zoom effect on the mouse scroll. To disable zoom on mouse scroll set the value to False.
- Disable Zoom Buttons: This option will hide the Zoom-In and Zoom-Out buttons. To do so, under dFlip Books -> Settings -> HideControls add
zoomIn, zoomOut
into the textBox. Make sure the control names are separated by commas and in the exact letter case.
To do so, under dFlip Books -> Settings -> HideControls add share
into the textBox. Make sure the control names are separated by commas and in the exact letter case.