Code

Discussion on Power Tour - Powerful Creative jQuery Tour Plugin

CreativeMilk

CreativeMilk supports this item

Supported

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

180 comments found.

Hi – I’m having an issue where the animation repeats (steps fadein, fadeout, fadein, fadout). If I remove the animation, the steps stay on the screen a bit too long, sometimes overlapping each other. I can’t seem to find a resolution in the documentation…any tips? Thanks

Can you send us a link of your demo?

I don’t have it up for public consumption at the moment. But I solved the issue by pulling in old_versions/2.8.0/powertour.2.8.0.min.js instead of the newer version

Hi, this plugin is incompatible with Bootstrap 2.3.2. When I plug it into a Bootstrap 2.3.2-based template, some styles are messed up and the carousel tour is not rendered correctly. Any plan to support 2.3.2? I know it’s quite old, but we are still using it in production. Thanks!

Well it’s build with 3.x.x, and it’s NOT bootstrap depend, so yes you can use it with bootstrap, powertour does not use bootstraps elements, we only added these for our demo(s). Most cases when using different version release it’s all about changing element names as classname will change during version releases.In short,powertour only ads a wrapper, and does NOT manage the inner content of this wrapper.

I’ve encountered a major bug with powertour’s destroy API method. When I call it, it removes all of my app’s click handlers on the body element.

bd.off(‘click’, self._clickEvents()).off(‘keydown keyup’, self._keyboardEvents()).removeData(pluginName);

I’ve tried looking into self._clickEvents(), and it seems to set up click handlers for only the powertour related elements, but when calling destroy, it looks like it’s effectively doing $(‘body’).off(‘click’) and removing click handlers on ALL elements

BTW, I’m calling destroy because I’m encountering another issue: - if I open a tour in a dialog, and the user closes the dialog; if they then open another dialog with another tour step, the remnant tour prevents the new tour from working correctly, so a call to destroy cleans away the old tour.

Not bad too far but having trouble with multi page I ended up doing a workaround but really dont want to have to do it like this. unles this is the only way? <?php if(isset($_SESSION[“powertour”])){ $tournum = $_GET[‘powertour’];

} else { $tournum = ‘none’;}?> var tournum = ”<?php echo $_GET[‘powertour’]?>”;

if(tournum == 'dash1'){
    $.powerTour('run');
}

Can you send us a link to your demo ?

hello do you have any video sample how we need to do all ? from document,it seems so hard for the people who are not developer…any way to let this work ?

thanks

i am getting eror

could you please help,documentation seems so hard,we wish it would be a video….

here i get this eror

Uncaught TypeError: $.powerTour is not a function

can you send us an link to a demo ?

Do you have an example for a single-page app on Angular 2+ using diff pages?

I thought this was for wordpress. How do I get a refund?

No it’s not, as there is no mention of it, but there is an example on how to use it i a wordpres theme

Hello, I’m having problem in bootstrap modal, this is taking the scroll of the page instead of the modal scroll, how to solve this?

can you send us a link to a demo with this issue?

Am I able to use it as a tooltip for additional information on a web page before or after a user ends their tour?

not sure to be honest but I think so as you can do a lot with this tour

Hi, I use HTML pages to make presentations. Does your plugin work offline? Thanks

If you host your files on the computer that you use for the offline presentations than yes

Hello, for a client’s plumbing service website… I would like to use your uber-awesome plugin with an image of a plumber wearing a hero cape, and a talk bubble next to his head. The tour’s dynamic text should be positioned/overlayed on the talk bubble portion of the image.

1) Is this possible?

(if easier to implement this, then the plumber and talk bubble can be made into 2 separate images)

(2) Would I need to create 4 talkbubble/plumber images, one each for top, bottom, right, left?

Yes this should be possible, the best way to do this, well is to try it in several ways and see the one that works the best

Hello, it’s been 3 years since the last update an you have the best tour plugin, I’m sure you are losing a lot of sales because of the “Last update” info. Are you planning to deliver an update? Thanks

Hello, can I buy an extended license after have bought a regular one? Thanks

you can always renew or buy other kind of license when needed

OK; thanks, Can you reply the question I made 1 month ago? Just the previous one.

sorry we missed that one, well we do not have ay plans atm, but we are always open to suggestions on what to add.

Hi – There seems to be a bug with the plugin where it shows different behavior if the user goes through steps too quickly.

An example of this can be seen in one of the examples of powertour, namely the “double_tour” example. If you press “next step” on the first step and immediately press “prev step” on the next step, the first step will be displayed again but covered by the “DEMO BOX 4” element.

One note: A workaround for this is to set the showStepDelay so it’s impossible to click through the steps too quickly.

Thanks for the headsup, we will run some tests :-)

Hi, I searched a lot, but i can’t find any option to cancel a step without triggering the exit event. Is there anything like ‘data-powertour-action=”cancel”’ ?

yes, but it also triggers the OnEndTour Events, which I just want to trigger if the Tour has actually ended.

There is no logic present in the tour for this, but there are some work arounds for this.

//above the plugin init
    $('.cancel-tour').click(function(){
        $('body').addClass('stoppedbybutton');
    });
//inside the end tour callback hook
onEndTour  : function(ui){ 
    if(ui.endType == 'stop'){
        // when clicked on the added button with class to body
    if($('body.stoppedbybutton').length > 0){
        alert('end with button');
    }else{
        alert('the normal way');
    }    
    }                    
},

Thanks, this works for me!

Hi there,

is this plugin still in production and support? I just asking because of the last update of it -> December 16

Best regards,
Steve

yes, there is still support for this plugin ;-)

Thank you and good to know : )

Hi how do i install this plugin on Wordpress. Maybe someone here can help me? I purchased the plugin and I tried installing it via Wordpress upload plugin. Unfortunately its not working -> error = The package could not be installed. No valid plugins were found. What am I doing wrong? I am grateful for all the help i can get. Thanks in advance

Hello, well it is not working as it is not a wordpress plugin. If you want to use it with wordpress you can look at the documentation how to use it with your theme.

:-)

I have seached the documentation for this info and cant find it. Please just attach the link here. Thanks in advance.

Sorry I now see that there is not any documentation about this but instead there is an wordpress example file with the code that shows you how to integrate it with your theme.(location folder examples->full version)

Hello CreativeMilk,

This looks really promising. I have a SaaS tool that’s built on codeignitor. Can I integrate Power tour with this?

well you need to have access to the php/html/css files

Yes i have access to all these, do you provide basic installation support for this?

How to setup is included in the documentations

genius my friend, waiting for the latest update

by
by
by
by
by
by