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

Search the Community

Showing results for tags 'script'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.signaturesmiles-nc.com/request-appointment-1 Hello! I'm trying to install the following widget code script but it's not working in the code block. The company's tech support says it's a plug and play solution and that they have lots of SQSP users but I can't seem to make it work. Any help would be much appreciated: <script src="https://d3ivs86j8l3a5r.cloudfront.net/flexBook.js"></script> initFlexBook('https://flexbook.me/sigsmiles')
  2. Site URL: https://khaki-gerbil-cdd4.squarespace.com/ pass:modern84 Hi, I'm using a GDPR compliant cookie banner from CookieYes. However it blocks all scripts if you decline cookies or before you allow them- this includes scripts that load images- this makes my web page unusable... I want to configure CookieYes in a way that it blocks just Squarespaces' analytical cookies (names: ss_cvr and ss_cvt). But to do this I need a path/adress of the script that loads these cookies. Anyone knows them? Or maybe theres an easier way to work around this issue? Thank you for any advice!
  3. Site URL: https://sparrowstartup.com/ CONTEXT: I've been using https://pagespeed.web.dev/ to find ways to speed up my website. There's been multiple Javascript files which are unused (according to that site). Removing them will speed up load times on mobile/desktop for my website: https://sparrowstartup.com/ If you run my website on that testing site, it'll tell you some scripts should be removed, as shown in the picture attached. Doing so, would help my website load faster on mobile and desktop. THE ASK: (1) Can you please recommend how I can do so? My current score is low, I want to be above 70. Any honest, detailed tips would be very much appreciated. (2) Based on the report from that site, Is there anything else other than removing javascript, that can help me speed up the website? CC: @tuanphan @bangank36 @creedon | THANK YOU!
  4. Site URL: https://hardsuitlabs.squarespace.com/careers-ges-testing I'm on a sandbox page for my companies homepage, trying to enable a function that links a script to our own page. The script I added is a VERY basic HTML "hey, look over here" addition: <div id="grnhse_app"></div> <script src="https://boards.greenhouse.io/embed/job_board/js?for=hardsuitlabs"></script> Working with the support team at greenhouse, I was told that there is nothing in their script that could cause this. I checked with them to make extra certain this would be an issue on my page. There is no added padding in the edited page itself, there everything shows as tightly and neat as I would want it to. The above code should contain nothing that explains the odd behaviour the page has: When looking at the edit area, the spacing between the job forms and the rest of the page isn't only extremely large - it grows as you scroll up and down. I seem unable to track down this huge blank space and the way that the blank space just grows as you scroll through the page is a mystery to me. We have no CSS code added to the site at any place that touches the margins. I have checked the padding options in Spacing and Site Margin following this link. Sadly, all I could do with that page was confirm that nobody had made changes to the site's basic configuration. At this point, I feel a bit at a loss. The bahviour of growing blankspace was observed by me on the latest versions of Edge, Firefox, and Chrome. Very grateful for any pointers on why this happens or even indeed on how I can force it to stop.
  5. Site URL: https://www.iamcatterina.com Hi All, WEBSITE: iamcatterina.com PASSWORD: catterina I'm building my client's website and have had a couple troubleshooting issues: When loading the page, there's a "jump" glitch. Where the website loads small and jumps to the actual website size. It only occurs when first loading the page. Or clicking the navigation logo. Here's a screen recording to show the issue. Another issue is the scrolling feature. I've added anchor jump points to the navigation. However, I noticed that it's not working on Safari/mobile. My client really wants this feature to be streamlined on all platforms, so please let me know if there's a work around this. I've tried solving the issue by checking the coding I've added. But I noticed that even when I remove all of the coding, the loading glitch still occurs. Any help would be WONDERFUL! I've attached the coding additions as well if that helps at all:
  6. Site URL: https://www.trickofthelight.co.nz/shows/lysanders-aunty I am using the Squarestudio Content Accordion plugin for a site: http://demo.squarestud.io/content-accordion Sadly they are not responding to my help requests. My clients site is having an issue where if one accordion is open then you click on another it scrolls to the bottom of the page rather than closing the open one and moving to the correct position. The page is here: https://www.trickofthelight.co.nz/shows/lysanders-aunty If you scroll to the bottom and then open the 'Credits' accordion then the media accordion you will see what I mean. Any help would be appreciated as my client would love to have this one solved. Source code is below: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> $(document).ready(function(){ init(); //Start the code when the page loads }) function init(){ $('.sqs-block-markdown').nextUntil('.sqs-block-markdown, .sqs-block-code').slideUp(); //Your code (wrapped in a function) $('.sqs-block-markdown').unbind().click(function(){ $('.sqs-block-markdown').not(this).nextUntil('.sqs-block-markdown, .sqs-block-code').slideUp(), $('.sqs-block-markdown').not(this).removeClass('activedrop'), $(this).nextUntil('.sqs-block-markdown, .sqs-block-code').slideToggle(); $(this).toggleClass('activedrop') }); $('.sqs-block-markdown').css('cursor','pointer');; } document.addEventListener('pageChange', function(){ //When the change page event fires due to ajax init(); //Call the code again }); /*This stuff listens for an ajax page change*/ window.onload = watch; function watch(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver;var a=new MutationObserver(function(a){for(var b=0;b<a.length;b++){var c=a[b];if("attributes"===c.type){var d=new Event("pageChange");document.dispatchEvent(d)}}});a.observe(document.body,{attributes:!0,attributeFilter:["id"]})} </script> <style> .sqs-block-markdown { border-bottom: solid 1px #ddd; cursor:pointer; } .sqs-block-markdown .sqs-block-content:before { content: "+"; float: right; font-size: 150%; line-height: 120%; color: #aaa; font-weight: 100; } .activedrop .sqs-block-content:before { content: "-" !important; float: right; font-size: 150%; line-height: 100%; color: #aaa; font-weight: 100; } </style>
  7. here is the code <!--Begin CTCT Archive--> <script id="archiveScript" src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script><div id="archiveList" data-archive-count="100" data-m="a07e27mhho60"></div> <!--End CTCT Archive-->
  8. Site URL: https://www.halepule.com/blog Hi everyone, I'd like add a "Print Recipe" button to the top of all of my blog posts. I know I can go in individually and create those buttons but I'd like to have the script to apply it in the code injection of the blog page itself. I tried one I found here on the forum but it did not work. Thanks for your help!
  9. Site URL: https://supernatlparks.com I am building my first 7.1 site, and I used an Auto Layout list to organize content on my home page. Mostly, I like how this works: It seems like will make editing the page easier, and make it easier to keep the layout working between desktop and mobile, while using cards. However, I have realized that the images in an Auto Layout card aren't clickable, only the button. That's a pretty big problem for an e-commerce site. I want people to be able to get to the products as easily as possible. Does anyone have a solution for linking each image to a URL? (The same as the button would be nice, but manual is no problem.) I don't mind using CSS and/or scripts to accomplish this.
  10. Site URL: https://www.xystema.com/pricing Below is my code for replacing the text on the product-price. It works smoothly with non-subscription product while on the subscription product it works only on the ready function but when on selecting the variant it is not reading. <!-- change the text "every 12 months" to "billed annually" in the price --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".product-price").html(function() { return $(this).html().replace("every 12 months", "<span style=\"color:#4D4D4D;font-size:14px;font-weight:normal;display:block;margin-top:8px\">— billed annually</span>"); }); }); </script> Here's the screenshots of the one that is working. The "Billed annually" changed the "Every 12 months" that is default of the template. Here's now the other screenshot that is not working. You may want to check my website for more details: https://www.xystema.com/pricing password: 030774
  11. Site URL: https://www.gorsecottage.co.uk/ Today I added a Javascript booking widget to a client's homepage, and the site width on that page only has cropped in at the sides. Any page without the widget on is fine, so it's clearly interfering with the layout somehow. The background on the cropped section has also defaulted to a green from the site palette (white would have been less of an issue!) When I messed around with it, it seems to be the first part of the code inside the <script> tags which is bugging it. Can't seem to find a workaround since it's an interference rather than a setting, can anyone help? The web page: https://www.gorsecottage.co.uk/ This is the code: <script type="text/javascript" class="" src="https://cdn.lodgify.com/portable-search-bar/1.43.3/renderPortableSearchBar.js"></script> <div><div id="lodgify-search-bar" data-website-id="326152" data-language-code="en" data-checkout-page-url="https://checkout.lodgify.com/gorsecottage/en/#/335012" data-dates-check-in-label="Arrival" data-dates-check-out-label="Departure" data-guests-counter-label="Guest" data-guests-input-singular-label="{{NumberOfGuests}} guest" data-guests-input-plural-label="{{NumberOfGuests}} guests" data-location-input-label="Location" data-search-button-label="Search" data-new-tab="true"> </div> <style type="text/css"> html { --lodgify-ui-action-color: #183f39; --lodgify-ui-action-darker-color: #13322e; --lodgify-ui-action-lighter-color: #a3b2b0; --lodgify-ui-action-contrast-color: #ffffff; } </style> </div>
  12. I'd like to use the below paypal code in a multiple spots on the one page, but they seem to cancel each other out. When I view the live page, only one instance of the code works. How can I use the same code several times on one page without it cancelling itself out? I've tried changing the div id for each instance. <div id="paypal-button-container-P-0N639951XH242245SMFZ55JI"></div> <script src="https://www.paypal.com/sdk/js?client-id=AVK6OAb9FUfrk9nOyAnPy5SKpT-jtF9yGVAXqaDjpONPYhQbUspycoO3XvsLq0V-GQnzr11Vu9Rr3MUV&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script> <script> paypal.Buttons({ style: { shape: 'pill', color: 'blue', layout: 'vertical', label: 'subscribe' }, createSubscription: function(data, actions) { return actions.subscription.create({ /* Creates the subscription */ plan_id: 'P-0N639951XH242245SMFZ55JI' }); }, onApprove: function(data, actions) { alert(data.subscriptionID); // You can add optional success message for the subscriber here } }).render('#paypal-button-container-P-0N639951XH242245SMFZ55JI'); // Renders the PayPal button </script> Thanks!
  13. Site URL: https://www.artsarasota.org/workshops-classes/p/visiting-artist-workshop-6bfpw-2a4m7 Please help - if you try to purchase a workshop or class, the form to fill out will not scroll. (the link goes to one of 80 classes but it doesn't work on any of them). Support said they disabled scripts in the preview mode and it worked. They said that the problem was likely caused by custom code. I removed the code/scripts (google translate and Tockify calendar) and I still can't get it to scroll like they did. I have tried various browsers, PC, Mac, etc. Why can't I scroll when I disable scripts like they did? I am following directions, deleted the external scripts, and disabled scripts on preview mode. People can't purchase their product right now and I am getting a bleeding ulcer. Thank you anyone!!!
  14. Site URL: https://octopus-glockenspiel-8yae.squarespace.com/ Site URL: https://octopus-glockenspiel-8yae.squarespace.com/ Site URL: https://octopus-glockenspiel-8yae.squarespace.com/ Hey folks. Really having some trouble with this despite feeling like it has a simple solution. Huge thanks in advance to anyone who can steer me in the right direction here. I'm working on a site for a restaurant - they have code from their online ordering platform that opens a kind of like a lightbox-widget that allows users to order without leaving the page. I have the functionality working via a link in the body, but I'm trying to launch this via a navigation link. I think it's just syntax I'm having trouble with. Below is what I'm working with. That main script is in a code block in the footer, launches totally fine with that full button class in the body, but if I'm trying to get it to work in the navigation would it be a link with '#upserve-olo-opener' or...how do I fire that same action from the nav? code to order online: <script src='https://app.upserve.com/platform/olo-widget.js?kokeshi-restaurant-salem' type='text/javascript' id='upserve-olo-script'></script> button code: (provided by service) <button class='upserve-olo-button upserve-olo-opener'>Order Online</button> Site URL: https://octopus-glockenspiel-8yae.squarespace.com/ Password: thanksforthehelp Thanks!
  15. Site URL: https://therosemountinn.squarespace.com/ I've adjusted the site's desktop menu so that it functions as if it were mobile (ie nav bar is hidden, then the menu expands and .header-menu overly is displayed when "Menu" is clicked). However, I'd like to change the button onclick trigger to onmouseover, so that it opens when someone hovers over Menu, but I'm not well-versed enough in JS to be able to do so on my own. Would appreciate any help - thank you!
  16. Site URL: https://octopus-glockenspiel-8yae.squarespace.com/ Hey folks - Huge thanks in advance to anyone who can steer me in the right direction here. I'm working on a site for a restaurant - they have code from their online ordering platform that opens a kind of like a lightbox-widget that allows users to order without leaving the page. I have the functionality working, but I'm trying to launch this via a navigation link. I think it's just syntax I'm having trouble with. Below is what I'm working with. That main script is in a code block in the footer, launches totally fine with that full button class in the body, but if I'm trying to get it to work in the navigation would it be a link with '#upserve-olo-opener' or...how do I fire that same action from the nav? code to order online: <script src='https://app.upserve.com/platform/olo-widget.js?kokeshi-restaurant-salem' type='text/javascript' id='upserve-olo-script'></script> button code <button class='upserve-olo-button upserve-olo-opener'>Order Online</button>
  17. Site URL: https://www.bim-ca.com/nuestros-servicios I am working in a counter up script in two separate blocks. The first one of them works perfectly but the second one counter doesnt work. How can i solve this?
  18. Site URL: https://onyxhive.com.au Why is it that only United States can select which state to deliver to, while the rest of the countries are not as specific? To make things possibly easier for us users, have a section where if a customer tries to checkout with a specific postcode, it declines them. For example: A section where the user enters all valid postcodes and any postcodes outside that valid postcode will be rejected. I am in NSW. Australia and only service Sydney and I have postcodes from 2000 to 2800 and it will be so much easier if there was a section to enter valid postcodes so people stop purchasing my cakes outside my delivery area. It's such a hassle refunding and giving them bad news because of the UX/UI limitations. I have prevention measures in place but the customer can choose to ignore all of it and still purchase.
  19. Site URL: https://bellflower-reed-8eae.squarespace.com/config/design/custom-css I am trying to figure out how to eliminate Orphan/Runt text for the text portion of my paragraphs. It drives me crazy seeing one word on a line. I have looked at some things that people have created with Javascript, but I am not sure how to implement it (jQuery etc.). Is there an easier way with CSS or similar? I have been trying to find a solution, but it has me turning to ask the question in this forum.
  20. Has anyone added a smooth scrollbar to their website? I'm not meaning smooth scrolling to an anchor, I'm meaning the entire browser. I'll use the Fireart Studio's website as an example... https://fireart.studio Thanks in advance for your help!
  21. Site URL: https://cby.squarespace.com/ I am trying to add extra nav bars to the end of my Mobile Menu, as well as an Instagram Feed to match the attached mockup. It was working earlier, but for some reason is no longer sticking. I tried moving it to the Header Injection, however it conflicts with the Mobile Overlay pop-out when clicking the hamburger menu, and in the Footer Injection, nothing happens... Any help much appreciated! <!---Mobile Menu Footer ---> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('#mobile-menu-footer').clone()appendTo('.header-menu-nav-folder-content'); }); </script> <!---END Mobile Menu Footer --->
  22. Site URL: https://www.xystema.com/ Hi! I have a script below to change the text inside a block: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".product-price").html(function() { return $(this).html().replace(".00", " /mo"); }); }); </script> I am wondering if there is a way for this to incorporate the changing of the font style. I want the " /mo" to change the font-size and font-color. I will appreciate any help here. Many thanks.
  23. Site URL: https://www.xystema.com/ Hi, I would like to re-arrange the product contents in the product-block (not in the product-page). I want the product-variant to be on top of the price. I will appreciate any feedback here. Thank you.
  24. Site URL: https://www.m2avc.com Hi, I'm working on an integration with a major Air Conditioning company and to authorize my app I need to have a redirect URL that will display the authorization code. They recommend PHP but I can't use PHP with Squarespace. Does anyone have any ideas of where I could begin to look for how to do something like this inside the Squarespace sandbox? The example response is below. It uses a 302 redirect with query components. I need to pull out just the code, format, and display it in a web page for the client to copy and paste into an app. In this example the code is 12A3456BCD789123. Thank you all in advance. HTTP/1.1 302 Found Location: yourApp://authCode? code=12A3456BCD789123& state=a1bcd2fgh3ijkLm4opQRST
  25. Site URL: http://lafirme.com Hi guys ! I am trying to chose the footer i want to display depending on the language of the page using a script. The site is lafirme.ca For now i am there.... /*EXCLUDE OTHER LANGUAGE FOOTER*/ if (lang == "fr") { section[data-section-id="615e0033625b2043c92d327a"] { display: none !important; visibility: hidden !important;} } if (lang == "en") { section[data-section-id="609084d63d45de554fe899f5"] { display: none !important; visibility: hidden !important;} } Could anybody give me a hand and help me figure out what i got wrong here ? Thank you very much to all for your time and all previous documentation !
  • Create New...