Nathan Riley
asked on
Joyride Tour with wordpress
I'm using this plugin:
http://zurb.com/playground/jquery-joyride-feature-tour-plugin
I've added it to other sites before without issue, but wordpress is giving me issues. I have it all in the footer, could someone take a look and see what's missing/incorrect?
http://www.thecurrint.com/
http://zurb.com/playground/jquery-joyride-feature-tour-plugin
I've added it to other sites before without issue, but wordpress is giving me issues. I have it all in the footer, could someone take a look and see what's missing/incorrect?
http://www.thecurrint.com/
ASKER
I had it setup that way originally, but moved around some as it wasn't working. I've moved it back to the head, but still not working.
No this is not a Wordpress plugin.
No this is not a Wordpress plugin.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Resolved issue on my own.
the joyride software asks for the following to be in the header of each page so I would edit the header.php of your theme and put the following :
<link rel=" stylesheet" type="text/css" href="wp-content/themes/fl
<script src="wp-content/themes/fle
or if you used a wordpress plugin then it might be not set up. looking at the code it doesn't seem set up?
Is there a settings options under 'settings' in the WP admin panel or on the plugin of joyride in the plugin section or appearance?
you code is:
--------------------------
<!--Joyride Plugin -->
<link rel=" stylesheet" type="text/css" href="wp-content/themes/fl
<script src="wp-content/themes/fle
<ol id="#tour" style="display:none;">
/* data-id needs to be the same as the parent it will attach to */
<li data-id="menu-item-31">Tip
/* This tip will be display as a modal */
<li>Tip content...</li>
/* using 'data-button' lets you have custom button text */
<li data-class="parent-element
/* you can put a class for custom styling */
<li data-id="parentElementID" class="custom-class">Conte
</ol>
<script>
jQuery(window).load(functi
jQuery("#tour").joyride({
/* Options will go here */
});
});
</script>
--------------------------