Discussion on Power Tour - Powerful Creative jQuery Tour Plugin


CreativeMilk supports this item


This author's response time can be up to 5 business days.

145 comments found.


bpautsch Purchased

I use “highlight” and “highlightElements” in several steps and noticed the page go from dark to light and back to dark as I navigate between the steps. It’s a weird transition and would be much cleaner if it stayed dark while going to steps. Is this possible? If not, please update the code to recognize it. Thanks.

Yes this is wierd therefor we addd the option called ‘keepHighligted’ to one of our previous updates, this will keep the overlay visible.

Hint! If you don’t want highlight option to be enabled, because you want your website to be clickable during tour, but you still want effect of highlighting there is simple CSS workaround for that. Add shadow to .powertour-step class in CSS (eg. box-shadow: 0 45px 60px -30px rgba(0, 0, 0, 0.85), 0 0 0 1600px rgba(0, 0, 0, 0.3);). Side effect is that in animations like flip you will notice that shadow is also flipped. I just used other effects.

Edit: This works in screen mode only because steps elements are added to document body in this case. (There is also simple code modification to allow this effect in any case.)

Hello CreativeMilk,

why does my powertour-activestep uses the style of it’s hook? In my case the hook style does transform: rotate(90deg); so the powertour does it too. what could be the reason?

Can you send us thru our contact page a link to your demo/site?

How can I call “destroy” method when the tour is ended? I tried to use this way:

$.powerTour({ tours : [ { onEndTour : function(ui){ $.powerTour('destroy'); }, }]}); ...but it fails because of “Uncaught RangeError: Maximum call stack size exceeded”.

My goal is to remove all generated code from the page (because there is a lot of invalid html code generated by plugin which causes rendering problems).

We have mentioned in the documentation that you should wrap the inner of a table cell as tables don’t understand the position property. Elements like buttons that have an click event should be wrapped with a div and hook the step to this element.

When will be a update available?

We are uploading it today.

This is a professional level plugin. The options and the documentation are very clean and simple to use. The author provides tons of examples which is very convenient when you don’t want to read the whole doc though. Good job :)

Thank you :-)