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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://shanesimpkin.co.uk Hey everyone, I've been looking for the answer on the SQ forums but haven't found the right answer. So I've set up my anchor links which work, however, how do I set the anchor to start at the top of a section rather than where the code block is? For example, the anchor for about goes directly to where the respective code block is but I would like it to stop at the top of a section
  2. Hello, I'm hoping that someone out there may be able to assist me with getting this configured and working properly. I have a form with a couple of form fields that I have hidden and are coded to only appear based on certain answers from the previous question. For example: "Lifetime Member?" Yes = No Follow Up No = Follow Up My problem is that all of the information that we are asking requires an answer. I have Jquery installed and running but if I leave the required tag on the hidden fields then people will not be able to submit their answers. So I need to remove the
  3. My site uses v7.0. I was successful in blocking text selection for the whole site by injecting this code to "Code Injection": However, this did not work for the embedded Google Docs document and I was able to select the text inside both the code block and the embed block. I've also tried finding a solution from the Google Docs side, but there doesn't seem to be a way to stop this. Any suggestions?
  4. Site URL: https://rcaarc2021.squarespace.com/ Hi there, I am creating a multilingual site (English, French) and have read that having 2 different footers is possible using CSS and maybe Javascript to hide Lang 1 when user is on Lang 2. I am using Brine and on 7.0. Can someone help me out here? Site pw rcaarc2021 Thank you!
  5. Hello. I'm trying to have my intro text on my homepage be able to auto translate to Farsi every 5 seconds. My intro: Hello! I’m Name, a user experience researcher. Check me out below. The translate: سلام! من شان هستم ، یک محقق تجربه کاربر. در زیر من را بررسی کنید I'd like these to swap automatically in a fade transition every 5 seconds. What would my CSS look like? For reference, I've attached an image. Thanks!
  6. Hello everyone, I'm trying for a few days now, to change the functionality of a slider. Right now the slider from the WELLS theme has the option to change pictures to left, right or go back to the collection. I want to change the middle selection of a image to be clickable to go back to a custom link url and not to the collection. I disabled the block div to display the middle section so it's right now not clickable. Left and right should be still able to its function as it is right now. Now I have the 3 div classes: overlay-controls left- control overlay-con
  7. Site URL: https://raspberry-coyote-6gss.squarespace.com/config/design Hi there, I have received some external Javascript from the client which I have added in via a code block on my site. On desktop view it is fine but when on mobile view it doesn't resize to fit. I was wondering how can I get it to resize? Do I need to ask for more code from the client or is this something I can do myself?
  8. Site URL: https://www.kawprairie.org I'm looking to have a section only show up on Sundays. I work at a church and there is a portion of the site that people use to check in on Sundays. I was curious if there was a way using Javascript to have it hidden on Monday-Saturday without having to do it manually?
  9. I started a new thread here for the following post. Although it is related. It is a different question.
  10. Site URL: https://wasteland.site/ Hi all, I am new to Squarespace but have experience with Javascript and am looking for some advice. As the site I am working on features photo submissions from different locations, I want to allow visitors to use a dial to see more submissions from that same location. The dial will be composed of thumbnails of photos from those different locations with an arrow pointing at the center top to show which one is selected. The selected thumbnail will set a label in the center of the dial displaying the location. When the user clicks on the selected thumbnail
  11. Site URL: https://gregorylassale.com/ Site URL: After double checking all the code on my site, I am left with a few lines of code in the header whose purpose I can't remember. <script> window.oldSetTimeout = window.setTimeout; window.setTimeout = function(code, delay) { if (delay == 5000) { delay = 5500; } var retval = window.oldSetTimeout(code, delay); return retval; }; window.oldSetInterval = window.setInterval; window.setInterval = function(code, delay) { if (delay == 5000) { delay = 5500; } var retval = window.
  12. Site URL: http://mimiceramics.com Hello, trying this again now that I have looked up more info and figured out better how to ask what I'm looking for. On Brine, the default seems to be that the navigation dropdown appears on hover. However I would like to change hover to onclick. I'm not seeing a lot of CSS options, so I'm guessing I might need javascript? Are there any resources on where to find the coding I need for this? Thank you!
  13. Site URL: https://geckovacations.squarespace.com/ Password: 12345 on the Home Page there is some code for a property search widget. It doesn't show up when the site is live nor in edit mode in Squarespace 7.0 but works fine when I tested it on a 7.1 template. Attached is the error shown. Can anybody please tell me exactly what to do? I am not a coding expert.
  14. Site URL: https://www.topawardsasia.com/en/topawards-winners Hello everyone, I need your help to see what is wrong with the search bar in my code. It is working find if you look it up in mobile. But suddenly the desktop version doesn't not show the icon that we can click to show the search bar. It is the black bar that has category besides it Link
  15. Site URL: https://www.athlytic.io I'm having an issue with a client site where I am attempting to change the placeholder text on a newsletter block. I have added the following script to my code injection footer, however, it is not changing: <script> if (document.querySelector("#block-yui_3_17_2_1_1616980347389_14059")) { document.querySelector('.newsletter-form-field-element[name="fname"]').placeholder = 'Name'; document.querySelector('.newsletter-form-field-element[name="lname"]').placeholder = 'Phone Number'; document.querySelector('.newsletter-form-field-
  16. Site URL: http://www.lerligisa.com Hi, I created a multilingual website (French, English), and I would like the notification to clients email to appear in the language of the website they are navigating on, and making their order from. For example, if a French user is ordering on the French version of the website, I would like his confirmation email order to be in French, and not in English. Same thing for the confirmation shipping order email, the payment declined email, and the confirmation of subscription to the newsletter etc... Squarespace only allows me to use one language at a t
  17. Site URL: https://www.prescribinglife.com/thubs I am attempting to include a custom Google map via Google Maps Javascript API. My code block (containing my HTML code) works in Save Preview Mode. However, when viewing the live page (https://www.prescribinglife.com/thubs) there is no map. Any ideas what I am doing wrong? Could it be a DIV height / width size issue? Thanks in advance for any help on this issue. Here is the code in my code block: <!DOCTYPE html> <html> <head> <title>Simple Map LER</title>
  18. Hi, I am injecting a js script using a code block. The block draws a canvas and displays stuff on it. The problem I am having is that the canvas I draw appears in a totally wrong place. For reference, I want the canvas to appear where the red box is, but it appears all the way down close to the page's footer. What am I doing wrong? The html code is super simple. it goes: <div> <script> // STUFF IN HERE </script> </div>
  19. Hi, I am trying to add a simulation to my website. I have everything running with javascript and an index.html on my local workspace, but am wondering how to place it in an online page. I have tried using code injection, but have failed miserably. I am using the p5.js library for visualization and a local script called Boids-2D . Does anyone know where and how to put this? Sorry if it is super easy, but I am very new to web development. Thanks! This is my local index.html code <!DOCTYPE html> <html> <head> <
  20. Site URL: https://www.scunci.com/ HI everyone, I add custom form for my product and I want show that form under title, but that form loading in lightbox after click on "add to cart" button. How can I load that form after title ?
  21. Site URL: https://talusandolsek.com/work/outdoors-t2cgl I was able to add captions to my gallery in light box following another forum, but I want the captions to be aligned to the left of the image. My issue is that the images use Content-fill: contain so the image is dynamically resized so I don't know how to align the caption with the end of the photo and not the padding on the side. Any help with would be appreciated!
  22. 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
  23. Site URL: https://mouse-trout-epjy.squarespace.com/shop-all/p/thomas-wilson-cello-sonata-download OK, this is the problem I have: I have 300+ products on this site and I would like to add an accordion dropdown showing delivery info to all product pages. I have this code already working on other pages using JS and a markdown block: <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function()
  24. 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
  25. 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!
  • Create New...