Document Created on : 30 October 2020, Friday
Document Last update : 01 March 2021, Monday
Document Version : 2.0.0

Please click on the title for details..

  1. After purchase you will get Instant Access to the Premium Download Board.
  2. Just click the download button and you will download the required files.
  3. You will download the package flippingbook-UNZIP-FIRST.zip
  4. PLEASE DO NOT FORGET TO UNZIP FIRST the download package.

PLEASE NOTE :

Package contains a Module

  1. Unzip first : flippingbook-UNZIP-FIRST.zip
  2. mod_flippingbook : Joomla Module, you can show at any module position

Module Installation

  1. First of all unzipt the package : flippingbook-UNZIP-FIRST.zip
  2. You will see the package for installation : mod_flippingbook.zip
  3. Go to Extension Installer at Joomla Administrator panel -> administrator/index.php?option=com_installer
  4. Upload the package file. You will get the success message.
  5. Now go to Module Manager : administrator/index.php?option=com_modules
  6. Search for the title : Flipping Book. Click to the title.
  7. You can select the theme at basics and publish the extension.

Setup - Every parameter is very well explained.

  1. If you use Joomla 3 please just roll your mouse over the parameter title and a description box will open.
  2. At Joomla 4, the descriptions are underneath the titles.

Every parameter is very well explained. Please roll your mouse over the parameter title and get the description / help. If you are using Joomla 4, parameter description will shown automatically underneath the title.

You can just publish the module at any position - the default parameters are ready for the basic view and the lightbox view.

If you are having difficulties, create a ticket and we will make a setup for free!

You must use {loadposition customposition} inside the article.

For more information about loadposition please see Joomla Load Module in Article Document

You must use the ltheme : Lightbox view.

Please check the images :

* Select a theme

https://www.pluginjar.com/images/screenshots/flippingbook/mutiple-1.png

* Lightbox Theme Settings - Create Multiple Flipping books

https://www.pluginjar.com/images/screenshots/flippingbook/mutiple-2.png

* Lightbox Theme Advanced Settings - More settings per flippingbook 

https://www.pluginjar.com/images/screenshots/flippingbook/mutiple-3.png

* Lightbox Theme PDF File Source

https://www.pluginjar.com/images/screenshots/flippingbook/mutiple-4.png

If you need more help please never hesitate to ask us.

 

Sometimes you may have CORS issue. Please add the below code at your .htaccess file : 

<IfModule mod_headers.c>
	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"
</IfModule>

Important :
If you are using a server like Google Drive, One Drive, or other file sharing services then CORS access settings may not be available.
Solution is possible for servers that are owned by you or for servers you have access to such settings. 

For more detailed information about CORS you may have a check that website : ( link opens at new page )
https://enable-cors.org/index.html

Disable gzip for PDF in .htaccess file.

<IfModule mod_headers.c>
    <FilesMatch "\.pdf$">
        RewriteRule ^(.*)$ $1 [NS,E=no-gzip:1,E=dont-vary:1]
    </FilesMatch>
</IfModule>

You can use Chrome's developer tool ( Control + Shift + J) to find the css of the elements.
Please see the image : ( link opens at new window )
https://www.screencast.com/t/0lW8arbNw
You can write your own css changes without opening the css files at Custom Code area :
Please see image :  ( link opens at new window )
https://www.screencast.com/t/egCZxWPyA5Af

You can make all css and lot of js changes / manipulations with that way.

I hope that helps.
If you need more help please do not hesitate to contact support.

Example for changing colors of arrows : Single PDF Arrows :

.fbpj-container.fbpj-floating>.fbpj-ui-next, .fbpj-container.fbpj-floating>.fbpj-ui-prev {
    color: #fff;
}