Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Marta

Circle Member
  • Content Count

    171
  • Joined

  • Last visited

Posts posted by Marta


  1. Hi all, I'm currently setting up a shop with digital image files and I have a variety of sizes including horizontal, square & vertical. I really don't like the way it looks when it crops the product images in the shop. Is there a way to disable the cropping altogether so that it shows all images as they are? Even if they don't align the same way afterwards, I don't mind, I still prefer to show the true size of the image before they click on it. Does that make sense? 

     

    Link is https://www.martaraptis.com/art

    Thanks! 


  2. Hoping someone can help me out here.  I've already searched all over Google to make my summary block auto-play but it's only working on one block for some reason. I have 2 carousels that I need to auto-play on loop on this page: https://www.hubinc.ca/home but the second one under "featured members" is not rotating. I'm sure I just need to tweak this code I have, but I'm not sure how. Can someone please help? 

    Thanks so much! 

    This is the code I'm currently using: 

    <script>
       Y.on('domready', function () {
           var galleries = Y.Squarespace.GalleryManager.getGalleries();
           var duration = 4000;
           var gallery=galleries[0];
           var carousel=gallery["gallery-design"];
           var totalGroups=carousel.get('totalGroups');
           var currentGroup=0
           var container=gallery.get("container");
           var nextBtn=Y.one(gallery.get("elements.next")._nodes[0]).on("click",function(e){
               e.preventDefault();
               e.stopPropagation();
               advanceCarousel()
           })
           var prevBtn=Y.one(gallery.get("elements.previous")._nodes[0]).on("click",function(e){
               e.preventDefault();
               e.stopPropagation();
               backupCarousel()
           })
           Y.one(container._node).get('parentNode').on("mouseover",function(){
               clearInterval(myInterval)
           })
           Y.one(container._node).get('parentNode').on("mouseout",function(){
               clearInterval(myInterval)
               setMyInterval()
           })
           var myInterval;
           function setMyInterval(){
               myInterval = setInterval(function(){
                   advanceCarousel()
               },duration)
           }
           setMyInterval();
           function advanceCarousel(){
               if(currentGroup==(totalGroups-1)){
                   currentGroup=0;
               }else{
                   currentGroup++;
               }   
               carousel.goToGroup(currentGroup);
           }
           function backupCarousel(){
               if(currentGroup==0){
                   currentGroup=totalGroups-1
               }else{
                   currentGroup--;
               }
               carousel.goToGroup(currentGroup);
           }
       });
    </script>

×
×
  • Create New...