60 comments found.
can i use this in my wordpress site ?
Creating a WordPress plugin already beginning. Coming soon.
hi,
i’ve a problem with the plugin. I want use multipage function but the plugin stop after load the next page.
i use this code :$(window).on('load',function(){
$('.copyright').on('click',function() {
$('body').itour({
showAbsentElement: true,
tourTitle: 'Example «multipage»',
introShow: true,
steps: [{
title: 'Step 1',
content: 'Step 1 Description',
name: 'gazette_step',
loc: 'myspace'
}, {
title: 'Step 2',
content: 'Step 2 Description',
name: 'step_2',
loc: 'appreferent'
}
],
lang: {
introTitle: 'Welcome to Multipage demo',
introContent: 'Click "Start" to begin'
}
});
return false;
});
})
this code is load in function.js and in all page. I load jquery.itour before function.js
1. Give me a link to the page 2. What writes to the console? 3. my email: limasscode@gmail.com
I’m interested in your Itour, but it is compatible with Angularjs?
I can not help you, because I do not know this language.
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly.
Learn more about AngularJS at https://angularjs.org/
Thanks
Hello, Thank you for a great product; unfortunately, I found a bug in IE 11 & Edge; there seem to be 1 px lines connecting to the highlighted area you can check it on the demo site using MS Edge or IE browsers.
Please check the link for image showing this issue: http://tinypic.com/r/mwcv0m/9If there is a way we can resolve this issue it would be great. Thanks for your help in advance
I found these lines only in windows 8+ Currently there are no solutions, but I come up with something
I put this fix into the new version of the plugin.
Send me your email and I’ll send you a file
my email: limasscode@gmail.com
Is there any easy way to implement a multi-page tour like here: http://introjs.com/example/multi-page/
This option in the formulation. I’ll let you know when it is ready.
question, is it possible to keep track of multiple tour resuming, for example. I will have multiple users using same computer/browser. I would like to attach user id to cookie data for resuming tours, is that possible?
I will be able to give you the exact answer only the day after tomorrow
sure thing, if possible it would be really cool to be able to set unique cookie for each client.
I added parameter “tiurID” in new version of the plugin.
Give me your email. I will send file to you.
Hi Yurik, I’m trying to load an intro to the tour, but it is not loading. Instead it goes directly to step1. I made sure to have these in the script:
introShow:true, itourCover:’../../img/logo@2x.png’, tourTitle:’Welcome’, modalCancelVisible:true, tourMapVisible:false, overlayClickable:false, stepNumbersVisible:false, lang: { prevTextDefault:’Back’, introTitle:’Welcome to the interactive tour’, introContent:’This tour will tell you about the main site functionalities’, introDialogBtnStart:’Yes, please’, introDialogBtnCancel:”No, I’ve got it”, },
Not sure what else could prevent the intro from loading. Thanks for your help.
Hi, The parameter “Intro” is available only in version 2.4.0 +
The plugin version 2.4.0 is not yet available for download.
I can send you zip file to email. Give me your email please.
Thank you, please email me at gonzalo.sfzoo”at”gmail.com.
Everything works great so far, is there any easy way to give an “Intro Slide” which will show up in the center of the page. I would like to load a tour dynamically to a user on their first visit to our app and the first slide would say something like “Welcome to … To start the tour, click here … or skip”
I got that I can put an intro message like documented here, http://demo.masscode.ru/itour/documentation.html#message but unable to figure out how to add a “Skip tour” link which will close the tour
I have added this possibility in the new version. Give me your email. I will send you the file.
Great, you can email at sameer “at” maximizer.mx
Also, one last request, couldn’t find the possibility of a previous()
So right now I do an after() for a step which shows a hidden tab but when clicking previous, I need to hide the current tab and show the previous tab, but couldn’t figure how to call a function on the “previous” step
I added all the wishes in the new version, it will be soon available for download.
I have not found on your site maximizer.mx a way to send a file
Is there a way to stop the tour if a user clicks on an element? I want to allow the users to click on an element during the tour, and if they do the tour should stop. Thank you
$('body').itour('destroy');
For example:
$(function(){
$('.yourLink').on('click',function(){
$('body').itour('destroy');
});
});
Interested in the script but have a couple of questions that I want to clarify before I purchase:
1) I don’t want the tour to close on clicking outside the tour region.
2) I want to give an “X” close button which the user can click on to close the tour at any time because we’ve disabled the close on outside click
3) Are there any restrictions about size of tour text, can it include images as well
4) Is it possible for a user to resume a tour from his last position, if he closes by mistake?
Even if I put “overlayClickable”: “false”, still it closes on clicking outside
Something incorrectly you write in call code.
Place page to the Internet and give me a link, I can quickly find the cause.
My email: limasscode@gmail.com
false – it is a boolean, it should be written without quotation marks
In the new version I added an Item 2 of and 4 of your list.
Give me your email, I’ll send you a new version.
Yes “false” was in quotes, I added using your builder and that added quotes by default.
Great, you can email me at sameer “at” maximizer.mx
How do I add the date -name within a select2 created from a foreach ? When I follow the example putting event: ‘change ’ the itour not capture the options of my select .
Do you want to highlight a select element or his drop-down options?
His drop-down options and change event after an option has been chosen
Send me your email, I will send you a new version of the itour plugin with support of features that you need and example of compatibility with the select2 plugin.
I sent you a message with my e-mail
Hello, the new version don’t work for me. Stops in this line: { title:’This is the available options’, /Specify an element with pseudo-options for highlight/ name:’.select2-dropdown’, content:’Choose an option’, /Specify an event “change” and element for this event in array/ event:[‘change’,$(’.mySelect’)] }
3 selects in my code, all are select2. Only works if I have only one select2 the code?
It doesn’t matter how many select2 items in code.
I added another one select into example page for you.
http://demo.masscode.ru/itour/documentation.html#Select2If you have the opportunity to lay out the page in the Internet, and send me the link, it is best to do so.
I’ll see what in your code incorrectly.
I sent the link by message , thank you for help.
If you call the hidden items, the parameter “showAbsentElement” must be set to “true”.
The error was in this.
I wrote a small piece of code of tour for your site . It is at this link. https://jsfiddle.net/yurik417/r697guwn/1/If something else go wrong, I will help you.
Worked perfectly , thank you for your help. I am interested in future work as a freelancer. I contact you by email that you sent me ?
Yes, it is my personal email
If you want to be something else, please contact me. If something still does not work, be sure to write to me.
If I helped you, I’ll be very grateful for your review and vote of the plugin in http://codecanyon.net
Is it possible to skip a step in the tour by setting a variable? In other words, can I decide to skip the first step if my Javascript variable = true?
Alternatively, is it possible to skip a step if the target is not visible?
With both questions, I would need the step numbers to be displayed correctly (so if I was skipping the first step, the tour would not say to the user that its starting on step 2).
Thank you
These features have been added in the new version, if you send me your email, I will send you to email zip-file with the new version.
Hey I found where to ask for support 
I recently bought itours.js but keep getting Target is Absent and the tour appears and disappears. I’m pasting you example code ( from the doc)
THKX
The target – it is an element that must be highlighted.
For example, in the first step you need to select an element with id my_element_id:
<span id=”my_element_id”>Element 1</span>
So you need to write code:
$(‘body’).itour({
tourTitle:'Example «call»',
steps:[{
title:'Step 1',
content:'Step 1 description',
name:'#my_element_id'
}]});
If you enter for parameter “name” the element name, which is absent in page code, you will see the message “Target is Absent” Therefore, make sure that the names are the same!
Best regards.
are you going to make this jquery 3 compatible? and also provide sass support?
- 14/07/2016 Added support for jQuery 3.X.X
But you are using jquery jquery-1.11.1.min.js in the demo? confused
To ensure that you do not feel embarrassed, I inserted jQuer 3 to the demo page
Thanks, I will be buying your extended license soon. Thanks for the great work!
thanks, I will be buying your extended license soon!
Hi yurik,
Your plugin iTour is great! good work 
I found bug and things that can very help me and I sure another users, hope you will do something about it
- Very importment! when the tour open and we click on the screen the tour shutdown, why? the screen not need to be clickable only if you choose close the tour.
- Very importment! When the tour highlight element, why I can click on it? its must be not clickable like the screen only if I choose the event of the step to be “click”.
- There is no way to change the custom text in button of ‘prev’, only for ‘next’.
- Sometimes when you go next, prev and next again the tour shutdown…
- There is no way to show the number of steps in UI.
- There is no way to replace the icon that open sidebar to icon with exit only (I don’t think my users in my site like it, is good that we can control it).
- There is no way to write only content without title.
Thanks
http://i18njs.com
“There is no way to change the custom text in button of ‘prev’, only for ‘next’.” - Use “prevLabel” parameters. I forgot to describe it in documentation.
I know but It’s not working
Ok thanks.
Everything else will be in the new version as soon as possible
Great work!!
I tried so many guided tour, some of them cost money… I think this is the best solution if you know to code becasue the plugin alone is not enough.
I found that this is the shortest way to implement and the other that cost money every month not really help because when you need to do things that not standart its problem… to make statistics for the plugin is easy with ajax or another ways. I write the steps and other data to my DB, very easy
Thank you for the nice words! For me, the biggest reward – it is your positive reviews and high scores!
Great work
nice work, i wish you good luck with your sales
Thank you, I you too
Hello! I’m interested in buying your script. I can apply this tour to any type of website?
Of course
