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. I started a new thread here for the following post. Although it is related. It is a different question.
  2. 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
  3. 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.
  4. Hello I would like to create a split section and so one side sticks as I scroll, does anyone have any idea how to create this? Example: https://nayatraveler.squarespace.com/journeys-peru-walking Thank you
  5. Hi folks, in Squarespace 7.1 they've added a feature which loads the background image of a section only once you've scrolled to it. Generally, I really praise this move from Squarespace in order to make sites faster, but it is annoying when you reload a page you've already scrolled half-way down, and when you scroll up the images don't appear until the top of the screen is about 20% from the top of the image, so you're left with a blank area for the majority of the time scrolling through that section. I used to be able to manipulate the imagesLoaded function in 7.0, but I don't know how t
  6. 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!
  7. Site URL: https://www.arlo.squarespace.com Hey crew, I've been looking at wanting to do particles.js in the header of a homepage I'm creating. Just a template play around at the moment - not for a client. arlo.squarespace.com PW: enter I plan on the header being a "blob" colour shape that blends into the section below. Some particles I've looked at; https://codepen.io/Tollo/pen/YzKEqGm https://codepen.io/VincentGarreau/pen/pnlso https://codepen.io/samarkandiy/pen/xGEOLN Just wondering if anyone has success stories, examples and how to im
  8. 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()
  9. 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.
  10. 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-
  11. 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
  12. I added a <script> tag to my site using the code block. The script was automatically generated by Caspio DataPages to display portions of my database. The content displays just fine and functions as needed. The site works and navigates fine. However, I cannot edit the pages that have the Javascript on them. When I go to those pages, there is no edit button to click to enter editing mode. Pages without the code block added can be edited, but not the pages with the Javascript added via a code block. Not sure if it is important, but I am currently in a free trial (want to make sure thi
  13. 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>
  14. 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
  15. Site URL: https://orbitcoffee.squarespace.com/ Hi, On my site, the nav consists of "Beans, Roasters, About Us" and the cart which is not coupled with the nav. Just wanted to know if this was possible, I am trying to replace the "stock" cart icon and " other available cart icons offered by the template with my very own icon that I have a url to. I am using: Version 7.0-Brine family(Brine Timeplate) I have uploaded my custom icon/image into Design > Custom CSS > Manage Custom Files which gives me a url, lets say this is https://examplepic.png I have tried setting custom CS
  16. 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 ?
  17. Site URL: https://idmdiscovery.com password idm. Hey! so i need some script that can redirect links to another link, for instance i want to change all the links in my cart so that they link to blog posts. I was using this code: <script> $( ( ) => { /* map cart item title urls */ const urlMappings = { '/saved/p/analogical-force' : '/labels/analogical-force' /* last or only item doesn't get a comma */ } const urlError = '/x'; /* page to go to in case a url mapping isn't found */ // do not change a
  18. Site URL: https://mayellre.squarespace.com/rentals Howdy SQSP forum! I'm looking for a way to redirect or change the link of my products on my products page from the automatic product pages they link to, to other individual pages I have already created. I'm using products for the rentals because I will be using them with the "Advanced Map Block" plugin & "Universal Filter" from Michael at squarewebsites. These are not totally integrated yet though. I've done a lot of reading on the forum and I think it will require javascript?? 😅 Any and all help will be greatly appreciated!
  19. 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>
  20. 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> <
  21. Site URL: http://www.studiofurks.com Under the portfolio title, I've added a brief description of the project. I've done that bit but I don't know how to style it / change font and size. I heard it would have to be javascript I believe. This is the code that I've used to put into the footer injection: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { var title = document.querySelectorAll('h3.portfolio-title'); for (var ss = 0; ss < title.length; ++ss) { var item = title[ss];
  22. 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!
  23. Site URL: https://wolf-kumquat-dpgn.squarespace.com/ Hi all: Looking for a solution to add a second/additional logo to the top left of the header. See university logo on the left in the mock-up for what I am trying to achieve. Ideally this logo would click through the the university website: https://www.kuleuven.be/english/ Site: https://wolf-kumquat-dpgn.squarespace.com/
  24. 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
  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...