robophil / product-tour Goto Github PK

Moving from saving html content in the product-tour.js to creating template would allow for themes to be applied to any of the templates. You could also over the styles for sass and have you custom theme. Feel free to add your to the theme collection, send a PR.

check out the roadmap https://github.com/Robophil/Product-Tour/wiki/Roadmap for more

• the readme usage example appears out of date

Hi,
on every element I've got bad position of orange indicator. 18 px from bottom of element.
Any idea why?
I am using provided css and js without modifications

edit

There have been some changes for the next release with the date slightly extended. See roadmap below for update.

check out the roadmap https://github.com/Robophil/Product-Tour/wiki/Roadmap

Really nice tool. Leaving out the jQuery dependency would be cool. Looked through codebase. Could be refactored to use plain VanillaJS.

Can we move these styles to another scope?
I spent more than an hour trying to do this, but I'm very bad with CSS.

The problem is that these styles are breaking my own styles.

update

• Adding custom class to each tour item
• Better example ;)
• Cleaner code base.

productTour.addNewTourSteps([element: '#sidebar-left', title: 'sadasd', content: 'asdasdasd', image: '', class: 'right']);

Using external templates would allow for customization and decoupling which is way better than the current implementation. This would give users options to pick a template of theirs or create theirs.