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

RobPegurri

Member
  • Posts

    41
  • Joined

  • Last visited

1 Follower

Personal Information

  • Location
    Italy

Recent Profile Visitors

507 profile views
  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. I'm afraid it can't be done with Squarespace
  7. 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
  8. 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
  9. 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!
  10. 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
  11. 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
  12. I don't know, I suppose you can with some corrections
  13. Hey @SergioC, your website is so cool! So clean and elegant. Complimenti!
  14. 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
  15. Sure, just let me organize the code for you 😉
×
×
  • Create New...