If it helps, I wrote a guide that explains how to use Shopify Buy Buttons on Squarespace. We've done this many times! We also sell a low cost extension that makes it easy to position the Shopify Buy Button and to hide the Squarespace cart features. You'll find details in the guide.
If you have 300 products I don’t recommend this approach as you will need to manually add 300 buy buttons to Squarespace. It would be easier to manage all your e-commerce on the Shopify platform.
Site URL: https://www.suziappel.com.au
PW: Suzi
Hi,
Is there a way to add a lightbox to all slideshow reels? (on 7.1). (i.e users can click on the image and it pops up full size).
Thanks,
Leanne
@tuanphan that didn't work. But got me close enough to work it out on my own in under 5 hours! 🙂And to be honest, this feels WAY WAY better on my photography site because now it's almost like auto size and when I have medium format images, it shows the 4:3 aspect ratio properly. If a single product image ONLY.
So this is what works to take your single product image from whatever it's forced to be, to allow for portrait or vertical images as well. This was put in CSS.
It's a bummer because it doesn't stretch the ProductItem-Summary over towards it, so there is a big gap in the space. I guess you could align?
*disclaimer, the bad part of this is that the second image, if different aspect ratio by width or height, shows up right behind. I guess it was too good to be that easy! Guess with Squarespace you can only use one camera or film size.
But feels good if just one image! 😣
.ProductItem-gallery-slides-item-image {
width: auto !important;
height: 100% !important;
top: 0 !important;
}
I'm curious if there is a "hide" the nth from the slides-item-image until clicked css that could happen, cause clearly, unless same aspect ratio, this isn't great for multiple images.