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: http://www.regencampos.es I would like to add a smaller subtitle to the Site Title in the header. So: SiteTitle subtitle I have used a code injection from SF Digital (pasted elsewhere) to replace '|' symbols in the SiteTitle text with <br>, but it's not working. I'd also like to change the font size. If I could use a code block for a site title this would be very easy indeed.
  2. Site URL: https://www.meetwo.co.uk/impact-test I'm trying to add animated numbers to my site. When the page loads the numbers will automatically count up to a maximum over a specified duration. I've found a bit of code that has been mentioned elsewhere on the forum and that's working well (see code below). Now I would like to improve this by adding a comma separation in the numbers eg 23,500. Stack Overflow offer some methods for adding commas but I can't get any of them to work. Any help would be much appreciate. Thanks Main code <script src="//cdnjs.cloudflare.com/ajax/libs/jq
  3. Site URL: https://www.frillup.ch/ I am trying to add comment section and ratings for each product on my E commerce. I found something that only allows me to either add ratings or comment box, but not both. I would like some feedbacks from my customers. Can anyone please help me with that? https://www.frillup.ch/
  4. https://codepen.io/chrisdothtml/pen/EaBOLq/ I've been trying to get this to work in a squarespace site, and I simply cannot. I just keep getting a code block showing me html, and not much else: https://ladybug-turbot-p29x.squarespace.com/test password: password Maybe this is an easy fix? Thanks all, I really tried to figure it out!
  5. Site URL: https://dtmg.io Is there a way to add an onclick function to a button's href code? I've been googling and can't find anything. Thank you!
  6. Site URL: https://www.roehrsguitars.net/store/guitar-builder A little background and setup: I'm a software engineer helping a friend out with a tool he wants to build for his site. It's a `guitar builder`, or `custom guitar visualizer`. Basically the whole idea is that it just lets the user visualize what the specs on their finished product might look like. So I built that out using JS and a neat library called Konva.js. Plugged it into his site using the code blocks and it worked like a charm. Now I want to include a 'Review Build' button on the configurator page that will redirect
  7. I have the following code in my code injection footer to add parallax effect to all banner background images: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script> <script> $('.has-background').attr('data-scrollax-parent', 'true'); $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "30%" }'); $.Scrollax(); </script> However, I want to disable the effect for one specific section. Is this pos
  8. Hi there, It seems that there is some automatically added structured data to our website. Is it possible to remove it ? - http://prntscr.com/p31y0b Only "Corporation" is added by me, the other is automatically generated and is actually not proper for the type of business. I read an article on why the localbusiness markup is added but there was no answer on how to remove it. Regarding "Organization" and "Website" I have no idea why they marked and how to remove them. Thanks!
  9. Has anybody had any experience with adding their own validation to a Squarespace form? Essentially stopping the normal submission process, checking some custom validation, then continuing as normal/stopping the submission if there was an invalid entry? I have a client that needs some number fields to be submitted within a specific range and a few other variations on this theme. I'm hoping to find a simple solution, but I'm also happy to go with a very complicated one 😆 @michaeleparkour Do any of your plugins do this, or perhaps this is something you have come up against?
  10. Site URL: http://metgal.art/ Password: thisisart Is there a way to get this up on my site for my 404 page? https://codepen.io/akm2/pen/BonIh I put the HTML in code block. I put the CSS in the Custo CSS, and I tried putting the Javascript in the header, footer, page code injection, and code block, but can't seem to get this work. Any help is appreciated.
  11. Site URL: https://www.wenatcheehumane.org Hello! I just changed my template and now am having a weird issue that wasn't occurring before (including in preview). If I visit one of my webpages from the menu (or buttons on other pages within the site), the java script donation forms do not appear. If I refresh the page, or type the url directly...it's fine. Does anyone know what could be causing it? Squarespace is of no help since it's custom code and my donor software is also at a loss since the form WILL load when the page is accessed directly.
  12. Hello! I've recently changed my site template to Tudor (Skye Family), and noticed that most of my blog pages don't have an H1 associated with them. For example, on this blog page: https://bitbloggist.com/video-game-blog-collection/top-10-switch-games-so-far The text "10 Best Switch Games Right Now" is automatically classified as an H2 instead of an H1. There's no way to change this in the style editor, so I believe I'll need some custom CSS to change this. Also, this change only needs to apply to individual blog posts, as I don't want my home page to have multiple H1's listed. Thanks
  13. 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
  14. Site URL: http://www.analogforevermagazine.com Hello, I think this is an easy question. I did have this working but I have no idea why it no longer is working. All I did is get an updated code from the website I am using to build the ad. I am trying to use this code to inject using sitewide code injection for the header to display a reveal ad. The code is: <!-- Ad Tags for Header Test --> <!-- Ad Group Base Dimensions: 0X0 --> <!-- Tag Ad Server: Generic Tag --> <!-- Group Placement ID: 62c68fc3-5666-40e0-98f2-339e31f3adb0 --> <script type="text/jav
  15. Hi there, Is it possible to add images instead or with text in a drop down menu button for products. Scenario: Product T-shirt, once in detail view there is a button Theme. Now I want the Theme button to be a drop down menu which will show different images like: star wars, flowers, cats, etc. Best case those images can be linked from a database belonging to the homepage.
  16. Site URL: https://indigo-chipmunk-42dl.squarespace.com/config/ Hi, I am creating a site and i want to have a folder which when the title of folder is clicked in the navigation bar, it redirects to a page I have tried injecting javascript code for a redirection but it isn't working and I can't seem to make the folder clickable When reading around the subject, I seen people were saying ajax loading needs to be disabled. However for my site i cannot seem to find this option in design. I don't know if its the template I am already using does not support ajax Does a
  17. Hello Everyone, I am trying to solve for a particular issue. I am using summary blocks for a client who will serve content from their blog and shop to specific pages on their website by use of the tag filter. I am wanting to ensure the design of the site continues to feel responsive and tight so I am looking for a way to hide the page section containing the summary block if there is no content being called by the tag. Any help would be greatly appreciated. Best, Patrick
  18. Site URL: https://journeycamera.com/ Semrush is showing errors listed as uncompressed JavaScript and CSS files. Is there help from squarespace on this?
  19. Site URL: https://mostcreativereiner.com/ Hi Everyone! I had an idea to create an interactive claymation portfolio (you can look at my website for some work examples). Anyways, I was thinking of having a tv, where there are three interactive buttons, a channel up and down, and an antenna, which are interactive toggles between video projects. For example, if you were to click on a channel button, it would start an animation where someone clicks the button, and then the channel changes. Any ideas on how to get something like this done on squarespace? I know itd be javascript, bu
  20. 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
  21. Site URL: https://dandelion-prism-pkyc.squarespace.com Site password: 1234 Hi! I'm very new to Squarespace here and have an empty site at the moment. I wanted to add a gradient background to my site that moves with cursor position and I have a head start here. The JS I'm using is from this codepen: https://codepen.io/lsammarco/pen/waMpJw and please ignore the loud colors since this is just a test! 🙂 This is the code that I injected into the header of my home page, and I can see the radial gradient is working, but not the JS functions. When I inspected the page, I'm getting an '$ i
  22. Site URL: http://fredfilms.com/shows I have this script on my blog page: <script> document.querySelectorAll('.BlogList-pagination-link-label').forEach(function(paginationLink) { if (paginationLink.textContent == "Newer") { paginationLink.textContent = "Previous page"; // Customize "Newer" text here } else { paginationLink.textContent = "Next page"; // Customize "Older" text here } }) </script> It has successfully replaced the pagination link titles when I view the site through the squarespace editor, but now that the site is live a
  23. Site URL: https://fredfilms.com I have a custom script on my homepage that loads a different background image each time the page loads. It works great when I view my website within the squarespace editor, but now that the site is live it is doing something weird. I checked in multiple browsers and it's consistently having this same problem. When I refresh my browser it works great! The trouble is that if I navigate to the home page with any of the nav links or the logo in the main nav then I just get a grey background with no image. Any insights into this issue would be GREATLY apprecia
  24. I work for a church and am not super technical. I need to show a directory of churches in our area. I was told to put this into the code injection footer of my site: <script type="text/javascript">(function($){ jQuery(document).ready(function () {$('#kcDiv').load("https://uccwebservices.ucc.org/uccko/churchcontent.aspx?st=ks");}); })(jQuery);</script> And then on the page where I want the directory to be, in HTML, put this: <div id="kcDiv"></div> So that it will display the churches. However, nothing happens. When I go into incognito mode to test thi
  25. Site URL: https://acsolutions.squarespace.com/ Hi, I'm making a product page with custom filters. Each product is a code block, and when the filter is applied the code block is set to display: none; The columns still take up space even when all products in that column are hidden. How can I automatically hide empty columns so the remaining products are always aligned left? Here is what I've tried so far with no success: $(document).ready(function() { var colHeight = $('.col.sqs-col-4.span-4').height(); console.log(colHeight); if(colHeight>=38)
  • Create New...