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. Is there a way to call javascript which will only effect the live page, not when it's in the editor?
  2. 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 !
  3. 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/
  4. 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.
  5. 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
  6. 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
  7. 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
  8. 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?
  9. 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?
  10. 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
  11. Site URL: https://walrus-bellflower-k256.squarespace.com/ I've tried a number of ways. It seems the page loads fully on the initial render, as the scrollbar indicates, but I can only seem to get the height of the element that my JS code is inside of, and not the whole document itself. I'm building a scroll-progress-bar for a client and need to know how much of the document they've scrolled through. I thought I might be able to get the footer element and measure the distance from there, but that's also undefined. This was my latest attempt, using all the possible document.height att
  12. Hi team! I am just exploring Chrome Devtools for the first time to improve site performance. A couple of main things that have popped up are - eliminate render blocking resources - remove unused javascript/ CSS I am a newbie and can't find anything online on how to actually do this. Can anyone help? Point me to a guide somewhere? Would really appreciate it :) Thanks Sandra
  13. Site URL: https://www.fieldandflorist.com/floral-delivery/sendflowers Hey Ya'll β€” first off, I have really appreciated this whole community. Thank you for all your input on other user's posts. I'm fairly new to coding and downloaded a .js date picker called datedropper β€” beautiful design if you haven't seen it. https://felixg.io/docs/products/datedropper-javascript. I'm trying to figure out how to get it to target and replace the date element in the lightbox form that pops up after you click 'Add to Cart' here: https://www.fieldandflorist.com/floral-delivery/sendflowers I uploaded
  14. I am trying to change the padding on a div in the Rally theme to be more mobile-responsive (currently when on mobile, the large padding forces the text off the edge of the page (see first screenshot), whereas I want a centered div (see second screenshot). I've put this JS code into my code injection but to no avail; I've been reading that code injection does not work on Index pages, so am thinking that might be the issue. Any advice on what to do? Following is the code (which works fine in Chrome DevTools): <script> if (screen.width <= 640){ var box = document.getElementsByCl
  15. Site URL: https://tjr-new-site.squarespace.com/ Hi there! I've perused a few forums and eventually found a nice, functional solution for having 1 word in a text block rotate through multiple words. (ex: Taylor is a "print"/"web"/"brand" designer...) Visual example, though not the code I'm using. I would like to know how I can tweak the JavaScript or HTML so that the affect applies to 2 instances in the same sentence. (ex: Taylor is a "print"/"web"/"brand" designer who has experience with "client1"/"client2"/"client3".) I'm not familiar at all with writing JS. Here's what I have in the t
  16. 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
  17. Site URL: https://familyhistoryconferencenwa.org The Current Situation My Squarespace website uses client-side, custom JavaScript and JQuery injected into the Head section of a page as well as the Amazon Web Services Command Line Interface SDK. The custom JS, the JQuery and JS Libraries, and the SDK are loaded into the page Head each time the page is loaded. That Is Objectionable The SDK uses two predetermined, static, handshake credentials to connect to the AWS server. They are stored in a file, "credentials," in a hidden directory, .aws, created by the SDK when i
  18. Install Revolut Merchant Payment Gateway Integration on Squarespace I understand that currently Squarespace may not support PHP files, which I would argue may or may not be a bottleneck here. I am mainly posting all the following to explore whether this task can be deemed as impossible from the very beginning. Does Revolut Merchant Payment Gateway require PHP server side language control on a higher level than what is available in SQS Developer mode? Is Squarespace Developer mode really so limited, that no work around exists for installing this merchant API? I use
  19. Site URL: https://www.divinecompasshealing.com/playlists I used a code block to add this GetResponse form. I selected HTML and unchecked display source. In production, the form works. However, when I click Edit on that page, nothing happens. I cannot edit it. If I do an incognito window with /safe on my url (so scripts disabled), then I can edit the page. Is this normal? Or what am I doing wrong? <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=xxxxx&webforms_id=xxxxx" data-webform-id="xxxxx"></script> And any plans f
  20. I absolutely love how minimalistic this site banner looks. I am about to start on a new client site and something similar would be amazing for their brand. Can this be done in Squarespace? Site will be on a business plan, so code injection and custom css will be available. the site it's on: https://www.fahrenheit-212.com/
  21. 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
  22. 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
  23. Site URL: https://www.saas-day.com/ Hello everyone! I am currently struggling a bit with a countdown embedded script that just won't show on the page. I am currently using a Harris template from the York family and I would like to have a solution that does not imply to switch off Ajax loading. Here's the code: <center> <h2 id="timer"></h2> </center> <script> var countDownDate = new Date("Mar 11, 2021 09:00:00").getTime();var x = setInterval(function() {var now = new Date().getTime();var distance = countDownDate - now;var da
  24. Site URL: https://babkazana.squarespace.com/config/pages/5ea871187baaaa53d7a66a25 Site URL: https://babkazana.squarespace.com/config/pages/5ea871187baaaa53d7a66a25 The password of the page is : babkazana Hello , I need help I want to modify the contents of the text present on the screenshot in attachments. Can you tell me if it is possible to change 2-Shipping to customer? Is it possible to modify the contents of the <span> tag as in the video?
  25. I'm having problems getting the javascript of https://codepen.io/jdirks34/pen/abBBEGY to work on my website. Any help would be appreciated!
Γ—
Γ—
  • Create New...