Magento 2 flipbook is a booklet with a series of images that very gradually change from one page to the next so that when the pages are viewed in quick succession, the images appear to animate by simulating motion or some other change. Often, flipbooks are illustrated books for children, but may also be geared toward adults and employ a series of photographs rather than drawings. Flipbooks are not always separate books but may appear as an added feature in ordinary books or magazines, frequently, using the page corners. Software packages and websites are also available that convert digital video files into custom-made flipbooks.
Before you continue, ensure you meet the following requirements:
- You have installed Magento 2.
Run the following commands in Magento 2 root folder:
composer require magepow/flipbook
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
- It looks like actual content with user-friendly design.
- Creates both left-to-right and right-to-left transition of pages.
- Easy to use Navigation bar.
- Quick page flips with different transition effects.
- Responsive design.
- Work on all devices.Our Flipbook code is based on javascript so works without flash.
Login to Magento Admin > Stores > Configuration > Magepow > Flipbook > General > Choose Yes/No to Show or hide Flipbook.
Login to Magento Admin > Magepow > Books => Click on Add New Book, Create new content and information for the book.
- Name: The title of the book you want to add.
- Thumbnail: Add image file to your book.
- Book: Add my book file that you want to add here as a file pdf.
- Author: Add author your book.
- Description: Describe your book.
Login to Magento Admin > Content > Widgets > Add Widget > Setting > Setting type and design theme > Continue.
Login to Magento Admin > Content > Widgets > Add Widget > Storefront Properties > Setting widget and save.
- Add widget title, assign store views, sort order and in layout updates to display on pages the example shown below.
On the web page click on the picture of the book being displayed on the installed page.
We can also query the URL https://you-domain/flipbook to display all created flipbooks.
If this project help you reduce time to develop, you can give me a cup of coffee :).
