LJSpace
-
Posts
16 -
Joined
-
Last visited
Reputation Activity
-
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% } } -
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>
-
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.
-
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>
-
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>
-
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
-
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>
-
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,
-
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>