Add Product Tour with Hopscotch Framework

Hopscotch is a framework to make it easy for developers to add product tours to their pages.

Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

A Hopscotch tour consists of a tour id, an array of tour steps defined as JSON objects, and a number of tour-specific options. The tour id is simply a unique identifier string. The simplest tour consists of just an id string and an array of one or more steps.

The framework has several events to which callbacks can be assigned including start, end, next, prev, show, close, and error. For the next, prev, and show events, designers and devs can assign callbacks within step definitions as well as in the tour itself.

Add Product Tour with Hopscotch Framework01-Add Product Tour with Hopscotch Framework

0 Likes
Riz
Riz

Passion is beyond limitation. If you’re passionate about ANYTHING, nobody can stop you not to do what you want. Blogging and Web Designing is my passion that don’t drive me to do what I want but push me as well to share fanatical stuff with people.

Your email address will not be published. Required fields are marked *

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://www.downgraf.com/wp-content/uploads/2017/04/login-back.jpg);background-size: cover;background-position: center center;background-attachment: scroll;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 500px;}