I have tried lot to work with multipage tour, but it does not working for second or third page. No tour is displayed on second page. I have followed links to setup multipage tour:
https://linkedinattic.github.io/hopscotch/multipage1.html Hopscotch multipage tour does not work
On first page, I have 6 steps and on second page, I have 2 steps. I have setup the steps as follows:
steps = [
{
target: '#ele1',
title: 'Welcome',
content: 'Welcome to Tour',
placement: 'top'
},
{
target: '#quicktool_menu_button',
title: 'Quick tools',
content: 'With this, you can quickly select menu and perform action.',
placement: 'bottom'
},
{
target: '#topNavSearchButton',
title: 'Global Search',
content: 'With this, you can quickly search for detailed information of active contact.',
placement: 'bottom'
},
{...}, {...},
{
target: '#elem6',
title: 'Element 6',
content: 'With this, you can quickly search for detailed information of active contact for this agency.',
placement: 'bottom',
multipage: true,
onNext: function () {
window.location = 'secondpage.php';
},
{
target: '#second-page-elem',
placement: 'top',
title: 'Welcome to second page',
content: 'Welcome to second page'
}
];
Any help will be highly appreciated.