BlateCo

Hi @ChristianK It's asking you to add your email to the contact details of the podcasting feed. To do this, click your blog (which is your podcast) and hit settings. Then go to "Feeds" Then choose "Podcasting" Then scroll down to "Contact Details" Select and enter your detail such as below, then click save.

Does anyone have a good way of opening a URL automatically with the post submit html code.. without using "window.location.replace," "window.location.assign" or "<meta http equiv..."?

Hi, We're looking to model our lead magnet after www.thewoobles.com. They use Klayviyo, which Squarespace doesn't integegrate with. Our website is www.blatepapes.com What we really llke is that the pop up first asks the user a question, the user clicks yes or no, then it brings them to the next step which is inputting an email, then offers an SMS input, then it finally shows an "add your free product to your cart!" button. We want to get as close to this as possible. We have the authjinmg lightbox plugin with the promo add on, but the problem is that we can't get it to be able to access multiple pages in the same lightbox. Once you click a button the whole website refreshes, instead of just revealing the next page within the lightbox. So, we thought maybe we just use the squarespace marketing pop up, but it doesn't look nearly as good. Additionally, we cannot get the newsletter Post Submit HTML to initiate a lightbox automatically once the email is put in, which is what we'd need to do to call the free product lightbox with an add to cart button. So my question is either: 1. Does anyone know how we can get the lightbox plugin to perform multi-step journeys? OR 2. Does anyone know how we can get the lightbox plugin to automatically initiate upon submitting an email address into the newsletter sign up form? (via the post-submit html code)

Interesting! No, it only happens on Safari it seems, and only in desktop view...

Hi everyone, I got some custom code from @paul2009 which allows us to put an image underneath the add to cart button wrapper. That's been great. This is that code here: .tag-INSERT-PRODUCT-TAG .ProductItem-details-excerpt:after { display: block; content: ""; height: 145px; margin-top: 34px; background: url(‘INSERT PRODUCT LINK); background-size: contain; background-repeat: no-repeat; } Then, my designer wanted to put the add to cart button side by side with the quantity box. Unfortunately, we cannot use any PDP designs other than "simple" because we want to use buttons instead of drop down boxes for the variant displays. (because they're better for conversions). So, we found this other code on this forum from @Rebecca_Grace_Designs that can do this with a little pixel tweaking. This is that code here: .ProductItem-details .ProductItem-details-checkout { display: flex; flex-wrap: wrap; flex-direction: row; } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: 0 !important; position: relative; bottom: -28px; } .product-quantity-input { flex-basis:30%; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } @media screen and (min-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:70%; } } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } } However, using both these codes together makes the picture underneath the add to cart button resize to the same size as the add to cart button wrapper. Which, as you can see from the picture below, looks odd. I've made the add to cart button next to quantity box into a custom tag code so that it's only on one of our less-frequented product pages. You can see that here: https://www.blatepapes.com/shop/p/gel-film-square-200 However, now all the add to cart buttons are slightly to the right on mobile view. (will fix itself if the code is fixed) Can anyone provide an insight into how to fix it so that the picture underneath the add to cart goes and stays across both the quantity box and the add to cart button, while they are side by side? AND also ensure that subscription products do not get messed up since they do not have quantity boxes? I also posted a picture of what the code makes the subscription pages look like (that don't have quantity boxes).

Weird, sorry I swore that I put the link to our product pages.. Here's a link to one of our products (it's happening on every product page): Capsule Filler

No, it's java language that tells the web browser to treat inline code like an external resource so that it loads at the end of the page content rather than inline with the body. This keeps the java from blocking rendering. Instead of using <script type="text/Javascript" .... just do <script type="module" That's all! Just learned that today.

I'm not sure what's causing it, but probably one of our custom css codes. Any ideas?

Awesome, thank you. I have the script as inline code so wrapping it in $(document).ready(function () { } shows that text on the page. However, I did change the code to "module" from "text/javascript", which has made it run like a deferred external js file. It didn't work in each page's header, so I went ahead and put it in each individual page (underneath the code that called the script.. for some reason it didn't work until I did this). (didn't realize I could do that, thought it had to be in the footer for some reason). Now it's working perfectly. Thank you!!

You're experiencing the same errors then? How does your mobile page speed look?

Yes! It's injected at the end of the footer on the code injection page. In my console there seems to be a countdown running on all pages, even though the code isn't being called. Oh, I did have something else I'd like to ask, if you happen to know anything about this as well: We're getting Javascript loading errors from Squarespace resources. Our mobile loading speed score is really low because of Javascript loading issues, and most of them says they're coming from unused Squarespace Java resources (in the page speed report we got back). I've attached a picture from my web console showing the Squarespace errors. Do you know anyway of correcting these? I greatly appreciate any light you may be able to shed on this!

Hi and thank you for pointing that out! Fixed that, however it looks like the error is actually happening on the pages that don't contain the "call" to the countdown timer script. So it seems like it's a problem with the code. 😕

Hi @tuanphan! We'd like help doing this exact same thing. However, we've also used a custom css code you made to wrap an image after our add to cart button. So we'd like to do this without ruining the image underneath. Also, I'd like to adjust the free space in all the areas indicated by the dotted red arrows... especially the big empty space at the top of the page above the "store reviews." We want to most of the free space to make it more compressed, and remove the free space at the top completely. Here's a link to the page: Product Page

Our mobile load speed is atrocious. Please. Webp format us, and make it so it can automatically convert ALL of our pictures for us. THAT would be SOMETHING.

Hi Everyone! We're getting a few different Java errors as indicated by our web console and our Microsoft Clarity readings. This picture shows the errors. Our website is: http://blate.co We think it's our countdown timer. This is the script we have on our code injection page: <script>const CountDownZone = document.querySelector('#count-down-Timer strong'), TimeTarget = 14 // 15:00hrs is the cut-off point ; function pad(n, len) { // leading 0's let s = n.toString(); return '0'.repeat(Math.max(len - s.length, 0)) + s; }; var timerRunning = setInterval(countDown, 1000); function countDown() { let localTime = new Date(), // get your local time utcTime = localTime.getUTCHours(), // find UTC hours estTime = new Date() // create a new date object for the EST time ; estTime.setHours(utcTime-5); // adjust it for EST hours. if ( (estTime.getDay() > 0) && (estTime.getDay() < 6) // Monday to Friday only && (estTime.getHours() < TimeTarget) ) { let count_HM = [], hrs = (TimeTarget - 1) - estTime.getHours(), mins = 59 - estTime.getMinutes(), secs = 59 - estTime.getSeconds() ; if (hrs > 0) { count_HM.push(hrs + ' hr'); } if (hrs > 0 || mins > 0) { count_HM.push(pad(mins, 2)+ ' min'); } count_HM.push(pad(secs, 2)+ ' sec'); CountDownZone.textContent = count_HM.join(' '); } else { document.getElementById('count-down-Timer').textContent = 'Order Before 3PM EST Mon-Fri (12PM Sat) For Same-Day Shipping!'; clearInterval(timerRunning); } }</script> And this is the html we use to call the script on each page we want the timer to be: <center><div id="count-down-Timer">Time Left to Order for Dispatch Today:<br><strong>0.00.00</strong> </div> </center> We're looking to clean up our site before Black Friday so If anyone can help fix this, that would be greatly appreciated!