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

RobPegurri

Member
  • Posts

    41
  • Joined

  • Last visited

Posts posted by RobPegurri

  1. On 1/14/2021 at 6:04 AM, reedskocz said:

    @RobPegurri Have you had a chance to edit the code to work with Brine Template? No pressure, just wondering!

    Thanks

     

    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

  2. On 3/29/2021 at 7:54 PM, renatabea said:

    Hi, I am also hoping to set up a "free gift" with purchase and am wondering if anyone came up with a workaround. Thanks!

    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

  3. On 11/11/2020 at 8:54 PM, Eatology said:

    Site URL: https://www.eatology.co

    Howdy SquareSpace Forums,

    We are Eatology, a small pre-made meal delivery service, that is starting a new affiliate program using ShareASale (a third party affiliate managing program). ShareASale operates via code injection into the header and order confirmation pages in order to track the order ID and other order information to determine if any of our affiliates were associated with that sale, and receives this order information when an order is placed. However, our website has a static "thank you" page (that you can access here: www.eatology.co/thank-you ), and no order ID or order information is sent to it, and thus no information sent to ShareASale.

    My question to you all is if there is a way to pass the order ID and order info to that static thank you page to allow ShareASale to access that information, or if there is another solution available that's well known.

    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

  4. 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!

  5. 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

  6. 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

  7. 9 hours ago, AvocadoMalaga said:

    Site URL: http://www.avocadomalaga.com

    Hello everyone!After starting to develop the website, I try to link my e-commerce with the parcel delivery company in charge of the orders. In my case, the company is GLS. 

    From GLS they tell me that they have plugins for a number of platforms within which there IS NO Squarespace. I would like to know if anyone has used any plugin for this shipping company. 

    Thanks to all of you

    Delivery companies directly integrated to an e-commerce? Sounds new to me.

    Anyway, you can check out some of their extensions (like Shipstation and all) but I would recommend to use the order export from the Orders panel of Squarespace. It will generate a .csv file with all the pending orders. Then, I'd use Excel to manipulate the file in order to make it compliant to the rules of the carrier.

    Btw I've created myself a solution for generating .csv files automatically using Squarespace API. When it's ready I may publish it (I've created it using Google Script)

×
×
  • Create New...