Jump to content

LazW

Member
  • Posts

    6
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

LazW's Achievements

  1. Site URL: https://marigold-mackerel-gb6k.squarespace.com/ Hi all, I've seen a lot of posts about custom font issues recently, but I'm so confused about what's going on with my latest site build. I bought the Web Font License from Din Studio (https://din-studio.com/product/safira-march/) and put it into Custom CSS using @font-face, but it isn't displaying correctly. I've attached a photo to show how the font should look and what it is looking like on the website. I've tried uploading it as otf, ttf and most recently using woff ( as per this tutorial - https://www.arohavisuals.com/blog/best-way-to-upload-custom-fonts-squarespace), and none of them are displaying the font as it should be. Am I doing anything wrong or is it Squarespace? Unfortunately, I've just spent quite a lot on the License so I'm going to be gutted if I can't get it to work. Any help would be so appreciated! Thanks! Password: lalaforbusiness
  2. Ah, my bad! Thank you again! So much! You're a life saver 🙂
  3. Thanks for your help! I tried that code and made sure that 'undefined' had been changed to 'addAcuityIframe', but unfortunately the iframe still isn't showing. In code injection I currently have jquery and acuity src in the header and then the new code above the Cart Page Observe Changes code in the footer. Is there anything else that I need to include or do I need to replace any other parts in the Cart Page Observe Changes code? Thanks again 🙂
  4. Thank you so much for replying so quickly and being so helpful! Javascript is confusing me, so I was hoping you could clarify what the code in the callback function should be. So I would put the 'cart page observe changes.html' code into the footer and change 'undefined' to 'addacuityIframe' throughout. And above that code in the footer, put the core of my current code into a callback function similar to that in the example callback - I've tried a few variations of this but I can't quite wrap my head around it or get it to work. Is this anywhere close? Sorry to be difficult - I really appreciate the help! <script> const addacuityIframe = ( $node ) => { var acuityIframe = '<div id="spacer-before-acuity"></div><h3 class="cart-title">CHOOSE PICKUP TIME</h3><iframe src="https://app.squarespacescheduling.com/schedule.php?owner=19092763" title="Pick Up Order" width="100%" height=540" frameBorder="0"></iframe>'; $(acuityIframe).insertAfter(".cart-container"); }; </script>
  5. Site URL: https://disc-tangerine-2xzy.squarespace.com/ Hi all, In March I was approached by a potential client who sold cakes via a Squarespace website and wanted to set up a means for customers to schedule to pick up their orders. I did a ton of research and figured out code which embedded a scheduling iframe on the cart page only (huge shout outs to @codeandtonic, @creedon, @paul2009 and others whose answers on various Squarespace Forum helped me work out the code). Everything worked perfectly until 2 days ago when the scheduling iframe suddenly disappeared. I've gone in and I think the reason for it disappearing was Squarespace's 'New Client Scheduling Page' activating, but I've reverted it back to the original and I still can't work out how to get the iframe back. My final working code was: <!---jquery---> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!---acuity---> <script src="https://embed.acuityscheduling.com/js/embed.js" type="text/javascript"></script> <!---START scheduling WORKING---> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', init); window.addEventListener('mercury:load', init); function init(){ jQuery.noConflict()(function ($) { window.Squarespace.onInitialize(Y, function(){ // cart page condition if(window.location.pathname.startsWith("/cart")){ // acuity iframe var acuityIframe = '<div id="spacer-before-acuity"></div><h3 class="cart-title">CHOOSE PICKUP TIME</h3><iframe src="https://app.squarespacescheduling.com/schedule.php?owner=19092763"title="Pick Up Order" width="100%" height=540" frameBorder="0"></iframe>'; // iframe after cart container $(acuityIframe).insertAfter(".cart-container"); } window.onload=init; }); }); } </script> <!---END scheduling WORKING---> I'm quite lost on what to do now. Firefox is currently sometimes showing the iframe, but not reliably, and it took ages to work out the right code without disabling Ajax previously. If anyone has any insight, it would be so appreciated! Thank you! Password: hello
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.