Upload
amasty
View
579
Download
1
Embed Size (px)
DESCRIPTION
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
Citation preview
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/
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
Page 3 Support: 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
Page 4 Support: 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”.
Page 5 Support: http://amasty.com/contacts/
User Guide: Html5 Flipping Book
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
Page 6 Support: 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
Page 7 Support: 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
Page 8 Support: 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
Page 9 Support: 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
Page 10 Support: 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.
Page 11 Support: 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
Page 12 Support: 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.
Page 13 Support: 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.
Page 14 Support: 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.
Page 15 Support: 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.
Page 16 Support: 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
Page 17 Support: 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
Page 18 Support: 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
Page 19 Support: 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
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