HTML5 Flipping Books: Magento Extension by Amasty | User Guide

User Guide: Html5 Flipping Book Page 1

Html5 Flipping Book

Magento Extension User Guide

Official extension page: Html5 Flipping Book

Support: http://amasty.com/contacts/

http://amasty.com/magento-html5-flipping-book.html


http://amasty.com/contacts/

http://amasty.com/

Table of contents:

1. Manage categories.………...……………………….……………………………... 3 2. Manage resolutions…………….………………………….……..……………….. 4 3. Manage templates…………………………..……………………………………….5 4. Manage books………….…………………………………………………………….. 8 5. Manage pages………….…………………………………………………………….. 11 6. Multiupload………….……………………………………………………………….. 14 7. How to attach books to product pages ……….…………………………….. 15 8. HTML5 flipping book: front end examples ..…………………………….. 16

Page 2 Support: http://amasty.com/contacts/

User Guide: Html5 Flipping Book


http://amasty.com/




1.Manage Categories

Please, go t0 HTML5 Flipping Book – Manage Categories and press “Add new category” to create a category

Specify category name and description


http://amasty.com/




1.Manage resolutions

Choose a default resolution for your book

You can also add a new resolution. Go to |HTML5 Flipping Book – Manage resolutions and click “Add new resolution”.


http://amasty.com/




1.Manage templates

Easily manage book templates. You can use predefined templates or create a new one.

To create a new template go to “Manage templates” and press “Add a new template”. Name it and choose a layout. Layout mode will be used only for direct link mode


http://amasty.com/




1.Manage templates

Select a background , elements and additional colors for the new template

Specify such text display options as Font family , font size and paragraph spacing


http://amasty.com/




1.Manage templates

Decide whether to display such elements as slider, pagebox, title, top icons or prev & next buttons


http://amasty.com/




1. Manage Books

Simple management of our books. You can filter books by template, resolution, category, name and status.

Create a new book clicking “Add new book” button


http://amasty.com/




1.Manage books: new book creation

Fill in book details: a book title and position in the list of books, enable or disable the book.

Define book category, template, resolution and thumbnail. Decide whether to use a subholder or not.

Select book display settings. Show it in a pop up window or give a direct link to it. Create vivid description for a book using built in editor


http://amasty.com/




1.Manage books: new book creation

Enable or disable PDF files. Select a PDF for upload. If the option is enabled PDF files will be available for download, users won’t be able to view them inside of the book.


http://amasty.com/




1. Manage pages

Add or edit existing flipping book pages on “Manage pages” tab. Use filters to display pages, which belong to a certain book


http://amasty.com/




1.Manage pages

Create new pages filling them up with images or text. Name pages the way you want. Enable or disable pages and specify page position in the pages list

Use a built in WYSIWYG editor to modify text, insert images, etc.


http://amasty.com/




1.Manage pages

Choose “Image” in Page content tab. Select the image which will be displayed on the page. Type page title and specify its position. Enable or disable the page.


http://amasty.com/




1.Multiupload

If you want to create a book using multiupload feature go to HTML5 Flipping Book - Multiupload.

Choose a book, input general title for pages. Select multiupload type. Then choose a package file with images, which should be in a zip format. Supports such file types as jpg, jpeg, gif, png.


http://amasty.com/




1. How to attach books to product pages

Attach books to products on product pages. Go to Manage products, click on the product you want to attach the book to. Find a tab "HTML5 Flipping Book" and choose which book to attach. Click "Attach/Detach" to attach/detach the book.


http://amasty.com/




1. HTML5 flipping book: front end examples

This is how Html5 flipping books are displayed on product pages


http://amasty.com/




This is how Html5 flipping books are displayed on product pages



http://amasty.com/




This is how Html5 flipping book looks like on a separate page



http://amasty.com/




Flipping book content. You can add video, text, images or attach pdf files



http://amasty.com/


Thank you!

Your feedback is absolutely welcome!

Page 20

Should you have any questions or feature suggestions, please contact us at:


Support: http://amasty.com/contacts/




http://amasty.com/


Technology

HTML5 Flipping Books: Magento Extension by Amasty | User Guide