Solved

Joyride Tour with wordpress

Posted on 2014-07-25
4
639 Views
Last Modified: 2014-08-02
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/
0
Comment
Question by:N R
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 29

Expert Comment

by:chilternPC
ID: 40221046
well,  your joyride code doesn't seem to be set up?
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/flexform/css/joyride-2.1.css">
        <script src="wp-content/themes/flexform/js/jquery.joyride-2.1.js"></script>

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/flexform/css/joyride-2.1.css">
        <script src="wp-content/themes/flexform/js/jquery.joyride-2.1.js"></script>
<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 content...</li>

  /* 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-class" data-options="tipLocation:top;tipAnimation:fade" data-button="Second Button">Content...</li>

  /* you can put a class for custom styling */
  <li data-id="parentElementID" class="custom-class">Content...</li>
</ol>
        <script>
jQuery(window).load(function() {
  jQuery("#tour").joyride({
    /* Options will go here */
  });
});
</script>
-----------------------------------
0
 
LVL 11

Author Comment

by:N R
ID: 40224161
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.
0
 
LVL 11

Accepted Solution

by:
N R earned 0 total points
ID: 40224925
Resolved on my own.
0
 
LVL 11

Author Closing Comment

by:N R
ID: 40235842
Resolved issue on my own.
0

Featured Post

The Orion Papers

Are you interested in becoming an AWS Certified Solutions Architect?

Discover a new interactive way of training for the exam.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question