3

Hopscotch is a Javascript library . 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.

#### Start the Tour

#### Create your own tour

                                    // Define the tour!
                                    var tour = {
                                      id: "hello-hopscotch",
                                      steps: [
                                        {
                                          title: "My Header",
                                          content: "This is the header of my page.",
                                          target: "header",
                                          placement: "right"
                                        },
                                        {
                                          title: "My content",
                                          content: "Here is where I put my content.",
                                          target: document.querySelector("#content p"),
                                          placement: "bottom"
                                        }
                                      ]
                                    };

                                    // Start the tour!
                                    hopscotch.startTour(tour);

Search results
Headphone 1

Gadget

$300 $400

Sale

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New