Jump to content

LostBoy

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by LostBoy

  1. It actually wasn't that bad to implement flickity. I needed it for mobile version because squarespace gallery block are not user friendly via mobile. I followed youtube instructions implement the plug-in on squarespace and used the flickity site to customize the cell boxes. I used the following code to hide the squarespace carousel on mobile and hide flickity cells on desktop. It looks much better. You can even grab all your image urls from squarespace to add to each flickity cell block. I wish squarespace had an auto swipe function auto available to their galleries, but they don't yet.

    @media screen and (max-width: 768px) {
     (div blocks here)
      {display: none !important;}
      
    }

    @media screen and (min-width: 768px) {
     (div blocks here)
      {display: none !important;}
      
    }

  2. oop, figured it out

    <script>
       if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
        Y.on('domready', function () {
           var galleries = Y.Squarespace.GalleryManager.getGalleries();
           for( i = 0; i<galleries.length; i++){
               galleries[i].setAttrs({"autoplay":true})
           }
       });
    }
    </script>

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.