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
Solved

Joyride Tour with wordpress

Posted on 2014-07-25
4
599 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
  • 3
4 Comments
 
LVL 28

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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

837 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