Jump to content

LJSpace

Member
  • Posts

    16
  • Joined

  • Last visited

Reputation Activity

  1. Like
    LJSpace reacted to laurasharp in Increasing the image size in a collage image block on Mobile   
    Just found this code from Thompsonweb.design
    //Collage Blocks Mobile @media (max-width:480px){ .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper{ width:100%; margin-top:calc(0%)!important; position:relative} .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic,.sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left .intrinsic{ left:5% } }
  2. Like
    LJSpace got a reaction from willbullock in Summary Block: How can I set the Carousel to "autoplay"?   
    --I'm not a coder-- but I mixed code from a couple of answers and got this to work in the updated 2019 SS. Note: It does not work in the preview and you have to view your site from an incognito window (aka signed out of the backend to see it). PLUS you need to add this to the page header code injection section. If the page is in an Index, you need to add it to the Index's header code injection.
    <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i < galleries.length; i++){ galleries[i].setAttrs({ "autoplay": true, "autoplayOptions": { "timeout":10000, "randomize": true } }) } }); </script>
  3. Like
    LJSpace reacted to JonJonJon in Force Summary Block to 3 thumbnails per row for mobile   
    @LJSpace
     
    Came up with a solution that will keep your website quick, if you haven't gone for the plugin:
     
    .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide:nth-child(n+4):nth-child(-n+5) { display:none; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide { width: (100%/3) !important; }  
    This will turn a 5 per row gallery into a 3 per row and hid the last two.
    Adjust the values according to your needs.
     
    The key is to reference the block row type that you've made. in this case a 5 row. If you want to increase it up from 5, you need to make a new one. So it's best to make a block with the maximum you think, as the code can shrink the row value, but not grow
     
    I had to come up with something different as the previous solutions weren't applicable to "Related Products".
    Hopefully this is a more elegant solution that can be adapted to various rows/summaries/galleries.
  4. Love
    LJSpace got a reaction from PaulOMeara in How can I place Social Icons in Mobile Menu?   
    Ghost Plugins strikes again: https://www.ghostplugins.com/secret/841l164f
    I think you may need a business account to use this SS feature.
    P/W for GhostPlugins secret plugins is "whisper"
    I highly recommend subscribing to their list, they are awesome!
    From your Squarespace account, go to Site Code Injection. Copy and paste the code below into the Header Code Injection box.
    <script> Y.on('domready', function(){ var mobileSocial = Y.one(".Header-social").cloneNode(true).addClass('.mobile-social'); Y.one(".Mobile-overlay-menu-main").append(mobileSocial); }); </script>  
  5. Love
    LJSpace got a reaction from katherineforbes in Summary Block: How can I set the Carousel to "autoplay"?   
    --I'm not a coder-- but I mixed code from a couple of answers and got this to work in the updated 2019 SS. Note: It does not work in the preview and you have to view your site from an incognito window (aka signed out of the backend to see it). PLUS you need to add this to the page header code injection section. If the page is in an Index, you need to add it to the Index's header code injection.
    <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i < galleries.length; i++){ galleries[i].setAttrs({ "autoplay": true, "autoplayOptions": { "timeout":10000, "randomize": true } }) } }); </script>
  6. Haha
    LJSpace reacted to ghostplugins in How can I place Social Icons in Mobile Menu?   
    @LJSpace Shhhhh, that's a secret! 🤫 Haha, jk. Thanks so much for sharing Ghost! 😊

    Cody
  7. Love
    LJSpace got a reaction from ghostplugins in How can I place Social Icons in Mobile Menu?   
    Ghost Plugins strikes again: https://www.ghostplugins.com/secret/841l164f
    I think you may need a business account to use this SS feature.
    P/W for GhostPlugins secret plugins is "whisper"
    I highly recommend subscribing to their list, they are awesome!
    From your Squarespace account, go to Site Code Injection. Copy and paste the code below into the Header Code Injection box.
    <script> Y.on('domready', function(){ var mobileSocial = Y.one(".Header-social").cloneNode(true).addClass('.mobile-social'); Y.one(".Mobile-overlay-menu-main").append(mobileSocial); }); </script>  
  8. Like
    LJSpace got a reaction from bheiberg in Summary Block: How can I set the Carousel to "autoplay"?   
    @bheiberg change from 10000 to something like 5000 the lower, the faster
    "timeout":10000,  
  9. Like
    LJSpace got a reaction from bheiberg in Summary Block: How can I set the Carousel to "autoplay"?   
    --I'm not a coder-- but I mixed code from a couple of answers and got this to work in the updated 2019 SS. Note: It does not work in the preview and you have to view your site from an incognito window (aka signed out of the backend to see it). PLUS you need to add this to the page header code injection section. If the page is in an Index, you need to add it to the Index's header code injection.
    <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i < galleries.length; i++){ galleries[i].setAttrs({ "autoplay": true, "autoplayOptions": { "timeout":10000, "randomize": 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.