Skip to content

Latest commit

 

History

History
16 lines (13 loc) · 828 Bytes

File metadata and controls

16 lines (13 loc) · 828 Bytes

Interactive Step-by-Step Guided Tours

guided-tour

Introduction

This script empowers you to craft a simple interactive guided tour using shepherd.js.

The initial popup design for the presentation draws inspiration from the metadata information popup available at: Popup Metadata Info.

You can use the provided CSS file to style your tour or customize the theme by modifying the default settings. If you prefer the original theme, update the initialization code as follows:

const tour = new Shepherd.Tour({
        defaultStepOptions: {
            classes: 'shepherd-theme-default',

For detailed guidance and documentation on shepherd.js, refer to the official documentation at shepherdjs.dev.