Announcement

Collapse
No announcement yet.

Hero Image JS Slider

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Hero Image JS Slider

    I am trying to take the "Hero Image" JS slider off the Booc ready theme and add it to my current site (www.execshirts.com) I cannot seem to get it to work, I have taken the new .css files and added them and added them to my css.php file and I have added the content sections in my ready theme but it will not work. It just takes both of the photos and displays one below the other with no slider. I had to remove that section until I can fix it because it looks silly.

    On my developer site I am running Booc ready theme and everything works well.

    On my actual site I am currently running on the Suivant Ready Theme but I have taken bits from Levels and from Booc and added them to my site. I would hope that this stuff could be a little more modular but it is not.

    Does anyone know the key issues on getting that slider to work? Or know another slider that would work on the ready theme and still work with mobile devices?

    Thanks for your time...

    #2
    I made the same "wish list" request - did you also happen to grab the javascript needed to make it run? I've used this recommended slider

    CSSSLIDY available here: https://github.com/dudleystorey/CSSslidy .
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      I did the following:

      added: <div id="js-site-wrapper" class="site-wrapper" data-hook="site-wrapper"> to the global header
      added hero-slider.css to my css files and added it to php.css
      added jquery.min and jquery.slick.min to my js folder
      added all the code in the appropriate ready theme sections (copied from booc dev site)

      After doing all of that I would think that it should work, those are similar things I did when I had a js slider on an old legacy site. I am going to play around with this a little more to see if I can get it to work. Anyone think of anything else I am missing? If not I will check out the link that you mention, but would rather use the miva slider if I can get the damn thing to work.

      Comment


        #4
        We often use bxslider (www.bxslider.com) as its. Dead Simple. Works. And is documented.
        Bruce Golub
        Phosphor Media - "Your Success is our Business"

        Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
        phosphormedia.com

        Comment


          #5
          Thanks...that slider is cleaner but I can't get it to work...I must be missing something...added the following in the head tag:
          <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
          <script src="/custom-dress-shirts/jquery.bxslider.min.js"></script>
          <link href="/custom-dress-shirts/jquery.bxslider.css" rel="stylesheet" />

          Then added the following before the </ul> tag:
          <script>
          $(document).ready(function(){
          $('.bxslider').bxSlider();
          });
          </script>
          Any idea what I a missing? Thanks...

          Comment


            #6
            Well, for starters,

            http://www.execshirts.com/custom-dre...xslider.min.js

            Doesn't exist.

            And you should probably put things like scripts in a standard location. For example:

            http://www.execshirts.com/js/
            Bruce Golub
            Phosphor Media - "Your Success is our Business"

            Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
            phosphormedia.com

            Comment


              #7
              I made sure everything was in there...still couldn't get it to work...the cssslidy works even if it is not as clean...thanks for your help

              Comment


                #8
                The thing is, if you enter:
                http://www.execshirts.com/custom-dre...xslider.min.js

                You get a page not found. In general, if you can't reach a javascript file via URL, your scripts can't either.
                Bruce Golub
                Phosphor Media - "Your Success is our Business"

                Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                phosphormedia.com

                Comment


                  #9
                  I made sure that it was in there...and I have the current slider in that folder...my previous legacy slider in that folder...they all worked well. I just can't get it to work...even in an html page offline I could not get it to work...it might be the call script...the other one is working fine so I am just going to stick with it at this point...thanks.

                  Comment

                  Working...
                  X