HTML5 Flipping Books: Magento Extension by Amasty | User Guide

4,829 views
5,559 views

Published on

Create vivid books, which are displayed on product pages. Present your products in a new way! The full description here http://amasty.com/magento-html5-flipping-book.html

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,829
On SlideShare
0
From Embeds
0
Number of Embeds
4,100
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5 Flipping Books: Magento Extension by Amasty | User Guide

  1. 1. 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/
  2. 2. 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
  3. 3. Page 3Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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
  4. 4. Page 4Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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”.
  5. 5. Page 5Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 1.Manage templates Easily manage book templates. 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
  6. 6. Page 6Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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
  7. 7. Page 7Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 1.Manage templates Decide whether to display such elements as slider, pagebox, title, top icons or prev & next buttons
  8. 8. Page 8Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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
  9. 9. Page 9Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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
  10. 10. Page 10Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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.
  11. 11. Page 11Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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
  12. 12. Page 12Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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.
  13. 13. Page 13Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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.
  14. 14. Page 14Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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.
  15. 15. Page 15Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 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.
  16. 16. Page 16Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book 1. HTML5 flipping book: front end examples This is how Html5 flipping books are displayed on product pages
  17. 17. Page 17Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book This is how Html5 flipping books are displayed on product pages 1. HTML5 flipping book: front end examples
  18. 18. Page 18Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book This is how Html5 flipping book looks like on a separate page 1. HTML5 flipping book: front end examples
  19. 19. Page 19Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book Flipping book content. You can add video, text, images or attach pdf files 1. HTML5 flipping book: front end examples
  20. 20. Thank you! Your feedback is absolutely welcome! Page 20 Should you have any questions or feature suggestions, please contact us at: http://amasty.com/contacts/ Support: http://amasty.com/contacts/ User Guide: Html5 Flipping Book

×