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

Search the Community

Showing results for tags 'javascript'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://desireeeast.com/ready-to-zen-out Hello - are there any genius coders that could help steer me in the right direction? I'm having trouble with one of my pop-up forms when I embed them onto my Squarespace site. They have worked in the past and now they are not working.I inserted this code in the advanced settings in Squarespace:<script async id="_simplero_landing_page_js_75511" src="https://desireeeast.simplero.com/page/75511.js"></script>I added the manual trigger to the BUTTON that would make the form pop up:<a href="#simplero-landing-page-75511">Show the
  2. Hi, I'm not a javascript girl, but I am trying to write some code to hide/display sections when clicking on different buttons. My question is how can I get an array of all the section ids on a page? It was easy to hide/display sections when I knew the section ids, but I want to create it without hardcoding the section ids so that the client can use it as a template. Thank you!
  3. Site URL: https://colinscarlett.com/ I have a code I added into my site that I've borrowed from codepen for a 'space invaders' game. It seems to only work on Chrome and Edge. On Firefox and Safari it just shows up as a black screen. It's particularly weird as the codepen works fine in all browsers so it seems to be an issue with it being in the squarespace site. I just added in the html, css, and javascript in a code block within the home page. This is the original codepen: https://codepen.io/adelciotto/pen/BHuGL Cheers!
  4. Site URL: https://stolperstone.com/ I have an odd question related to disabling my mobile site for one of my webpages, or by forcing the desktop site in Squarespace. I have an iframe on my site that needs to run as a desktop webpage in order to function properly, and when I access it on mobile, the element does not function as intended. Essentially I'm trying to find a way to "Request Desktop Site" automatically. I know I can go into my browser settings and turn this on manually, but I need it to be something that is automatic. I'm thinking this could be done with a Javascript, or by sp
  5. Site URL: http://www.peakwalkerpdx.com Hi I currently have CSS installed on my page so that when scrolled through, the header follows along stuck at the top of the browser window. I would like for the header background color to be transparent over a banner image and then increase in opacity once it is scrolled past the banner image. Can anyone share coding to do this? This is the CSS currently installed to make the banner sticky and fix the overlap onto the main page: header#header { position: fixed !important; left: 0; right: 0; top: 0;
  6. Site URL: https://www.riverdaleruralholidays.com Hi all, this is the code that I have in my 7.1 site in the custom CSS for a floating Back to Top button and working well, with thanks to tutorials where I found this, as I am NOT an experienced coder. I am just copying basic codes like this button and when I can understand them I am making minor adjustments at the most. #back-to-top{position:fixed!important; bottom:14px!important; right:12px!important; z-index:1!important;opacity:.4;font-size:22px;color:white!important;padding:8px;} I added in a code bloc
  7. Site URL: https://www.fernezchambon-architectes.com/ The password is : okokokok Hello , I encounter a big problem on pages, in mobile mode the button close the lightbox and the menu is superimposed. I would like to find a solution to fix this problem please. The close lightbox button also doesn't work Enregistrement de l’écran 2021-03-11 aΜ€ 15.18.46.mov
  8. Site URL: https://www.wordsbyhermes.com/test I want to pop a ConvertKit form on button click using javacript (i tried inserting the form as HTML and it wouldn't display anything inside a <p> tag). I tried the SpaceTutorials "button lightbox" set up and got the result at the URL above. The problem is that everything works right up until you want to close the form and return to the page. Basically, you're stuck once you click the button. I dunno, could be good to increase optin rate, but super shitty UX. Can you tell me if i've done something to cause this? Or how i can
  9. Site URL: https://cuff-demo.squarespace.com/films Hello, I'd like to add a back link on individual blog posts that (in some cases) lead back to the blog home, and (in other cases) lead back to a filtered selection of all blog posts. I think just a "back to previous page" link will work where I can customize the text to say "back to films" - Can someone help? https://cuff-demo.squarespace.com/films / PW: CUFF Thanks!!
  10. Hi all! I'm new to SquareSpace and I'm currently trying to edit the header text on the homepage of my portfolio. Someone else posted a related question and they referred to the animation at the top of this website: https://www.innovativeink.ca/ which is exactly what I'm going for. I found this animation code: https://codepen.io/arbak/details/MWaqPJK which is perfect! However, after adding in all the HTML, CSS, and Javascript, I still don't see the typing-text animation. All I see is the non-typing text portion (the first half of the sentence). I'd love some advice on what I can do to m
  11. Is it possible to add custom css and html and JS all in the same code block? i want to add js animation to a new html div, using css as well. i dont have a site yet just a general question.
  12. Site URL: https://www.chandrastation.com/ I have been trying to add this our websites header section any help would be really appreciated. https://codepen.io/hduffin1/pen/QOMZJg
  13. On one of our pages, we have added a custom HTML: <div id="customer-identification" data-email="{{ customer.email }}" data-id="{{ customer.id }}" style="display:none;" ></div> We want to replace `{{ customer.email }}` and `{{ customer.id }}` with the actual email and id of logged in customer on the site, dynamically. How can we do it? Does Squarespace have any global customer variables which we can replace here?
  14. Hi there, Canva has this new option of designing whole web pages. Say like this: https://www.canva.com/design/DAEXCxiz7e0/payRZVwHhvQ2q2FtNnX2zg/view?website#2:quick-and-hassle-free-shopping Can anyone tell me if it's possible to embed the whole page design in Squarespace? When I enter the Canva embed code in the page header, which is the following: <div style="position: relative; width: 100%; height: 0; padding-top: 48.1481%; padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will
  15. Site URL: https://about.dataclassroom.com/resource-library I just ran into this problem with some JS embedded on an individual page not running. And when I say not running, I mean not being executed AT ALL when a user navigates to the page. Not just "not working". E.g. console.log("I'm running"); Having searched a bit I found some words on this page https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading that say: Now, that's not quite the same as saying "none of your code will be run" at all πŸ™‚ Anyone know the answer? Maybe update the docume
  16. Site URL: https://dogfish-rhubarb-phn9.squarespace.com/contact I have a client that would like the form on their contact page to 'auto tab' to the next field, particularly when the user is typing in the phone number, he would like it to automatically jump to the next box. If anyone can help with the code for this please let me know! I have tried a bunch of different things that haven't worked, I am trying to apply jquery onKeyUp event but I can't figure out how. The password on the site is FlowersbyB.
  17. Site URL: https://www.chilliosis.com/ My parallax effect is doing a weird thing where it has a random white bar at the top of the parallax banners. Sometimes it disappears, then reappears again. The following is the code I used which I found here. I also have javascript code that splits certain sections which is also in the footer, I don't know if that may what's interfering with it. Any insight on what might be causing this would be greatly appreciated πŸ™ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="htt
  18. Site URL: https://www.lukaseriksen.com/ So I really want to add a confetti animation to when someone purchases a product on my site. I have scoured the interwebs and have found some code which may let me do this, but I have no idea how i can integrate it into squarespace (https://codemyui.com/falling-confetti/) could anyone help me out with this? I would be super dooper thankful! Thanks in advance! Lukas
  19. Site URL: https://www.mandarintree.nl/store-1 Hi, I'm selling online lessons to customers around the world. I'm currently listing variants in UTC time, but this has caused confusion with some customers. I would like the time slot (the variant category) to display the client side timezone (see https://www.mandarintree.nl/store-1/p/g8unmo5nrqqe2bg7uc6nau94y6pkvg-w97bk) instead of UTC I know some basic javascript - and I'm aware how to add that inside a code block in squarespace to get the client timezone: e.g., <script type="text/javascript"> var timezone = e
  20. I'm looking to add the javascript & SVG effects shown in the following tutorials to my Squarespace 7.1 portfolio site: 1. "Making Stagger Reveal Animations for Text": https://tympanus.net/codrops/2020/06/17/making-stagger-reveal-animations-for-text 2. "Ideas for Distorted Link Effects on Menus": https://tympanus.net/Development/DistortedMenuLinkEffects/index5.html 3. "Animated Custom Cursor Effects": https://tympanus.net/Development/AnimatedCustomCursor/index3.html 4. "Text Distortion Effects using Blotter.js": https://tympanus.net/Development/TextDistortionEffects/index.ht
  21. Is there a way to call javascript which will only effect the live page, not when it's in the editor?
  22. Site URL: https://arugula-eagle-pdp2.squarespace.com/ Hey everyone, i'm new to squarespace. I saw that it is possible to edit the source code of our page when we have the premium advanced feature. What I want to do is to add support of mondial relay ( a relay point service), so for that I would need to add with javascript some code based on the mondial relay api. How could I acces to this checkout page, I pulled from git my website but I do not understand how this works and where my pages are stored so that I can modify them. Thanks for your help !
  23. Site URL: https://www.dexterlakeclubband.com/ On my homepage I have two code blocks that won't load properly. Both display beautifully after I refresh the page. One is an Instagram post that I've used the embed code from IG, the second is a review widget from Wedding Wire. I know the likely issue is Ajax loading being enabled on my Brine Template. However, I don't want to disable ajax-loading for my entire site. Can anyone help me with changes to the html or code so that these elements will be "ajax-enabled" and load properly the first time?
  24. I am trying to make the text "Notes, Queries and Explanations" at the top of the individual blog posts a link back to the home blog page. The text is currently added using the content attribute and am having trouble working out the javascript. What can I do to make that a link?
  25. Site URL: https://www.thewritinghive.co/ Hello - I'm having trouble embedding an inline Convertkit form onto my Squarespace 7.1 site. I have a Business plan and I copied and pasted the Javascript code into a code block. But all it's showing is the actual line of code and not the form. I've tried this on a number of pages and nothing seems to work. I checked the src url and it's broken too but I don't know how to fix that. Does anyone know if that's where the issue is coming from? Convertkit support is quite slow and I don't know who else to ask. I'd appreciate any suggestions as I
Γ—
Γ—
  • Create New...