title: Flexslider in Bigcoomerce for product slider
body: <p>I have a problem implementing jquery flexslider <a href="http://www.myjqueryplugins.com/jquery-plugin/flexslider" rel="nofollow">http://www.myjqueryplugins.com/jquery-plugin/flexslider</a> in bigcommerce. I want to make my feature products into a slider. I already uploaded the flexslider css and js into my templates. But it doesn't work, the feature products will show all vertically but not in a slider manner. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="%%GLOBAL_ShopPath%%/template/FlexSlider/css/flexslider.css" type="text/css" media="screen" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="flexslider"&gt;
   &lt;ul class="slides"&gt;
    %%Panel.HomeFeaturedProducts%%
   &lt;/ul&gt;
  &lt;/div&gt;
  
  
    &lt;!-- jQuery --&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;window.jQuery || document.write('&lt;script src="js/libs/jquery-1.7.min.js"&gt;\x3C/script&gt;')&lt;/script&gt;
  
    &lt;!-- FlexSlider --&gt;
    &lt;script defer src="%%GLOBAL_ShopPath%%/template/FlexSlider/js/jquery.flexslider.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" charset="utf-8"&gt;
    $(window).load(function() {
  
      //simple FlexSlider call
      $('.flexslider').flexslider();
  
      // more complex call
      $('.flexslider').flexslider({
           animation: "slide",
           controlsContainer: ".flex-container",
           start: function(slider) {
             $('.total-slides').text(slider.count);
           },
           after: function(slider) {
             $('.current-slide').text(slider.currentSlide);
           }
      });
    });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>​
  Do you have any solutions?</p>