title: jQuery conflict causing woocommerce product images not to load
body: <p>I have this script to hide navigation at a certain point on the homepage:</p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery("#dot-nav").show(); //show div initially
      var topOfOthDiv = jQuery("#hidedn").offset().top;
      jQuery(window).scroll(function() {
          if(jQuery(window).scrollTop() &gt; topOfOthDiv) { //scrolled past the other div?
              jQuery("#dot-nav").hide(100); //reached the desired point -- hide div
          }
          if(jQuery(window).scrollTop() &lt; topOfOthDiv) { //hide div
              jQuery("#dot-nav").show(100);
          }
      });
  });
  </code></pre>
  
  <p>However it's causing woocommerce product images to not load. I don't need the script on the woocommerce pages so before I attempt to mess with functions.php to enqueue it only on the homepage does anyone know how I can solve this? I'm little more than a jQuery novice so I do apologise if you need more context etc!</p>