Announcement

Collapse
No announcement yet.

Changing the product thumbnails location

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

    Changing the product thumbnails location

    I want to move the thumbnails below the product image on the PROD page. Because it's controlled by the slick-slider I'm having a little bit of a problem. I was hoping it was going to be as easy as moving and resizing the div for it and then changing the style slick-vertical to slick-horizontal thinking that someone in their infinite wisdom included this ability/function when creating the Levels ReadyTheme. Well, I was wrong...

    Has anyone attempted to do this?
    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

    #2
    yes, and its basically as you describe (at least as i remember)....what happens when you do it?
    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


      #3
      Originally posted by Bruce - PhosphorMedia View Post
      yes, and its basically as you describe (at least as i remember)....what happens when you do it?
      There are no styles for slick-horizontal that seem to be included with this ReadyTheme. The thumbnails still try to stack vertically.
      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


        #4
        Circling back around to this. I did find the answer and have this like I like it. After you move the div below the main image, you'll need to go to the scripts.js file for the Levels ReadyTheme and look around line 590 (you mileage may vary) for vertical: true, and change it to vertical: false, next your need to remove the class thumbnail from the div you moved
        Code:
        <div id="js-thumbnails" class="thumbnails">
        Everything "should" fall into place.
        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

        Working...
        X