RobPegurri

I'm concerned too. I hope they are planning to add new Commerce features, not only in the app but also to the website. In-store pickup option is a step forward, just hoping they'll go on

You could set the book weight to, just saying, 100KG and then create a weight-based shipping rate that is free if the weight is over 100KG

Anyway, Squarespace is asking us an opinion about their payment methods. I suggest you all add this request in there, maybe after years of "we will suggest our team" they will actually listen

Hey all, actually I am using Brine plugin so this should work fine... I think? But please, feel free to send here your website link and I'll have a look

It's sort of a pain in the a**, but I've created an automatic discount of 1 cent for orders above 100€ (just to say) and I named it something like: "🎁 You'll get a FREE PRODUCT with this order". It sucks because I have to manage my inventory manually but at least it works. Anyway it's a shame, Squarespace Support keeps "reporting feature requests" to Developers but I haven't seen anything (serious) new in eCommerce feature... I've been using Squarespace since 2016. Like Cash on Delivery... unbelievable

I'm afraid it can't be done with Squarespace

By the way, may I ask why didn't you opted for a service like Peach's? It's built for Squarespace only and it could be cheaper too

I suppose you've injected some code in the original order confirmation code. I think you could achieve your need inserting the snippet for ShareASale before the redirect script. In this page you can send order ID and even email address. I don't know, it's the first thing that came up my mind

Hi there, I built a custom shop page using summary blocks and you can see it right here. I'm looking for a way to apply a filter (black and white) the product image when it has the "Out of Stock" label, in my website it says "Esaurito". Any idea? Remember these are summary blocks, not product page... if it makes any difference. Thanks to everyone!

We've implemented a free gift wrapping option in the checkout with the possibility to write a custom message. We did it because many people won't have the possibility to give presents in person this year (in Italy at least). We said our gift options were free for the occasion, but to tell the truth it is the only way to do that as in Squarespace it's impossible to implement paid add-ons in the checkout. We changed our "Sale" label to "Black Friday" for the black friday sale week and we colored it black. That's mainly it, all with some Mailchimp newsletters

Sorry @sstinus, I'm a little swamped right now (damn covid). As soon as I have some free time, I'll have a look to your website. Sorry

I don't know, I suppose you can with some corrections

Hey @SergioC, your website is so cool! So clean and elegant. Complimenti!

I use Squarespace 7.0 with Brine template, I suppose you may have to change it a little bit in order to get it working on your site (don't know) So, this is the code snippet you have to put at the end of the product page (as a code block) in the rich content description <!-- Everything here is the upselling popup code, must be at the bottom of the product page! --> <!-- Product 1 > Product to Upsell --> <div style="display:none;"> <div id="upsell"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <upsell-details style="color: green; line-height: 4em;"><i class="fa fa-check-circle-o" style="font-size:17px; color: green"></i> <b>Added to cart</b></upsell-details> <br> <upsell-title>Fancy upsell title<br><upsell-title> <upsell-details style="line-height: 0em !important;">Your fancy upsell description... super nice I suppose!</upsell-details> <div class="sqs-block button-block sqs-block-button"> <a href="/path_to_upsell_product" class="sqs-block-button-element--medium sqs-block-button-element" style="font-size: 15px">Fancy Button Text</a> </div> <a href="/cart"><p style="font-size: 13px; color: grey; font-weight: 500;">OR GO TO CART TEXT</p></a> </div> </div> <script> const redirectToUpsellPageHandler = (wrapper) => { const addToCartButton = wrapper.querySelector('.sqs-add-to-cart-button'); const productVariants = wrapper.querySelector('.product-variants'); const isVariantInStock = () => { return productVariants.getAttribute('data-variant-in-stock'); }; const onClick = () => { if ((productVariants && isVariantInStock()) || !productVariants) { setTimeout(() => { $.getScript('https://cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js', function() {$.featherlight($('#upsell'), {});}); console.log('Cheers from the popup'); }, 2200); } }; addToCartButton.addEventListener('click', onClick); }; const redirectToUpsellPage = () => { const productPage = document.querySelector( '.collection-type-products.view-item' ); redirectToUpsellPageHandler(productPage); const blocks = document.querySelectorAll('.sqs-block-product'); blocks.forEach((block) => redirectToUpsellPageHandler(block)); }; document.addEventListener('DOMContentLoaded', redirectToUpsellPage); window.addEventListener('mercury:load', redirectToUpsellPage); </script> And this is the CSS code, you have to insert it in Your Shop Page > Advanced > Header code injection. Customize as you prefer to match your website style <!-- Popup CSS (Upsell)---> <style> /* Mobile appearence settings */ @media only screen and (max-width: 640px) { .featherlight .featherlight-content { margin: 10px !important; border: 2px solid #872533 !important; padding: 0px 15px 17px 15px !important; max-width: 90% !important; } upsell-title { font-size: 21px !important; } upsell-details { font-size: 14px !important; } } /* Tablet and PC appearence settings */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { max-width: 60%; margin: 10px !important; border: 2px solid #872533 !important; } } /* Over 1024px */ @media only screen and (min-width: 1025px) { .featherlight .featherlight-content { max-width: 50% !important; } } /* Other */ .featherlight .featherlight-content { max-height: 98%; padding: 15px 50px 17px 50px; border-bottom: 10px solid transparent; margin: 20px; border: 3px solid #872533; text-align: center; border-radius: 5px; } .featherlight .featherlight-close-icon { line-height: 40px; width: 40px; background: transparent; color: #872533; font-size: 20px; } .featherlight:last-of-type { background: #777777d6; } upsell-title { font-family: proxima-nova; font-size: 36px; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0em; line-height: 1.1em; color: #882534; } upsell-details { font-family: proxima-nova; font-weight: 300; font-style: normal; font-size: 17px; line-height: 0em; text-transform: none; letter-spacing: 0em; color: #333; } </style> Tell me if I forgot anything

Sure, just let me organize the code for you 😉