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

Search the Community

Showing results for tags 'jquery'.

  • 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 have a store page ( /gallery-store ) which will ( once i get this working ) contain a lot of artwork. but i need a way to filter so customers can look for "landscapes" or "geclee". I am doing this by creating an index page with a dropdown menu with all the different search terms. each item in the dropdown is a link "/gallery-store?tag=geclee" for example. this does work and gives me a subset of all the paintings with the tag in question. however if you click on an image and go to the product detail page the breadcrumb home url is that of the store page and not my index page. so
  2. Site URL: http://myessential.squarespace.com Hello. I am using this code to drag a footer in my folder in header to make a mega menu or more extended dropdown menu. I am following instructions in youtube and here, but i am in a dead en, i will apreciate ur help password to see website is Elemento4 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script> $(function(){ $('.header-display-desktop [href="/puebla"] + .header-nav-folder
  3. Common with Webflow and other sites, smooth page loading transitions are really popular using jQuery. or other Javascript animations. I have been trying to implement this into a new site build yet JQuery just does not work for me properly (def lack of experience) and I'm back to square one. Does anyone have a really simple method to do the following: Smoothly slide away content on screen when clicking any link, and smoothly slide in new page content? My theory based on Webflow should be to do the following, how can this be done in Squarespace? 1. On site load have a blank d
  4. I started a new thread here for the following post. Although it is related. It is a different question.
  5. Site URL: https://www.thesquaresandbox.com/tabbed-sections When I click one of the buttons, the associated section appears correctly at the top. However the other sections are not hidden. This is from an article by Will Myers. <div class="tabs-container"> <button class="tab-btn" id="tab-1" onclick="tabOneClick()"> About </button> <button class="tab-btn" id="tab-2" onclick="tabTwoClick()"> Gallery </button> <button class="tab-btn" id="tab-3" onclick="tabThreeClick()"> Contact </button> </div> <script> functi
  6. Site URL: https://www.elizabeth-pierce.com/meal-plan-app Hi all, I've created a sidebar using a plugin and I'm looking for a way to be able to show or hide it upon clicking a button. I found a way to show more or less using code I found on this forum, however, because my sidebar was created using a separate page, the show more/show less buttons only work for the 'sidebar' page and not the 'meal plan app.' page it was made for. Here is the code I tried (from this thread: https://forum.squarespace.com/topic/49530-how-do-i-create-hideshow-section-of-an-entire-page-of-text-images-
  7. Site URL: https://shearercottage-1.squarespace.com/ So, I've been trying to to get the logo to change from one logo variation to another on scroll on the homepage. Right now, it works on the other pages except for home. The difference is that the home page has a different logo than the other pages, but on scroll, they would all have the same logo. I have used Jquery found from another forum to get the other pages to work, and have tried using the same Jquery to try the homepage as well, but haven't had any luck. This is the code I used that gets the other pages to work: <s
  8. 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
  9. 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.
  10. Site URL: https://seal-reindeer-3la9.squarespace.com/contact Hello! For layout purposes, I chose to hide the captions "First name" and "Last name" on the lightbox form. Since I hid those, I would like to add placeholder texts for those fields as "First" and "Last" respectively. Would this be with jQuery? I attempted and failed because I could not figure out how to target these fields... Any advice would be much appreciated. Thank you so much for your time! pw: sqspcontacttest
  11. Hello, I am building up my website with an Index page on Squarespace 7.1 with different videos on each section. I have a fixed transparent header, with the navigation links in white, but for certain sections the visibility of reading is hard. I would like to know how can I change the text color of these navigation links, cart, social icon and logo color when scrolling above specific sections? Also, I am using a lot of videos on the same page, which can be hard to load depending on the user wifi. Is there any way I can code to switch the videos for an image when there is
  12. 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? Enregistrement de lโ€™eฬcran 2021-02-11 aฬ€ 17.31.42.mov
  13. Site URL: https://www.withsara.co I want to simplify the top of page navigation, and make a clear distinction between user accounts and signup activities, vs. pure site navigation activities. Does anyone have an idea how to move the "log in" link from the main nav, to the call to action button, like the picture shows? Thanks
  14. Site URL: https://coverkitchen.com/ Hi, Everyone I have managed to add a Read More link to a text using a combination of HTML in a code block as text and adding a Jquery code to the page. The problem is that the Jquery ignores line breaks and styles applied in the HTML code. So the <br> and <i> will not work after the Jquery script loads. Is there any way to fix this adding a code line to the Jquery? If this is fixed, I am sure many users will find this code to be very useful. See my current Jquery for the Read More link is below: Many thanks in advance!
  15. Site URL: https://www.discoverthespots.com/en Hello, i have a multilingual website and I would. like to know how to edit the cookie banner so that when on the /en pages the text shows in English while in the /de pages in German. Is it possible to hide .sqs-cookie-banner-v2-text and then put an :after in the code injection of certain pages? Or maybe to hide part of the next inserted? Ive tried writing in in many ways but I cannot seem to figure it out. password:rome2020 thank you! C
  16. Site URL: https://www.seanhoyt.com/giftshop/magnolia-pillows Hello programmers, In the commerce settings, I can add variant columns for things like shirt colors, shirt size, etc. I'm attempting to make "color" easier to choose for the visitor by reading the colors and representing them as colored, selectable boxes below the drop-down selector. I have most of it working except for the trigger to change the variant image. Using jQuery to: read the Select options (done) make squares, style them with the color (done) add links to the color squares that change the se
  17. Site URL: https://josephsofportland.com/shop-all/raleigh-denim-martin-anchor-blue Hi, I was hoping for some help in formatting a webpage I'm working on. I've been learning python but currently have no experience in web design. I'm trying to move the additional info section into the production description area on my product page. For example: this is my page now and I'd like it to look more like this page here. I'm not looking to totally use the same design, I'd just like something more similar. Let me know if you can help at all. Thank you! p.s. If possible, I'd also like to move
  18. Site URL: https://tyndallsustainability.com Hey peeps. Trying to achieve an animated counter to show the amount of greenhouse emissions offset by my client and it's driving me POTTY. Have tried a couple of codes from the forum and Youtube but nothing is yet hitting the mark. The closest I've got was a code from @tuanphan but I wasn't able to to work out the delay, or how to get the suffix right so that the units sat next to the animated number. Ideally, I'd like to be able to show 670,500 kg CO2e as an animated number count, with a delay - so the animation doesn't start until
  19. 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
  20. 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)
  21. Site URL: https://www.meridianacademy.org/division3-humanities/2020/5/6/civil-rights-quilt I'm trying to add the elevateZoom jquery plugin (https://www.elevateweb.co.uk/image-zoom/) to my site. I'm then trying to call it for a specific image on this page: https://www.meridianacademy.org/division3-humanities/2020/5/6/civil-rights-quilt. I've uploaded the plugin as a link and added it to my site's head via code injection. I then called it on the page via a codeblock: <script> $(document).on('ready', function () { $("#block-yui_3_17_2_1_1588791147485_100779").elevat
  22. I'm want to use Google Analytics to track conversions from my Squarespace 6 site - those conversions being a completed form on the site - but cannot find a way to include the code in the submission button or the form submitted page. Does anyone know of a workaround to allow me to track completed forms?
  23. Site URL: https://www.afahlstrom.com/test-page Hello Squarespace-people! So, I've implemented a popup-feature on my homepage using Featherlight. Everything works except when I try to close the popup-window. I need to close it "twice" and it's really annoying! I've searched the whole internet for answers, but noone seem to have this kind of problem... Please help me! Code in my Header: <link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" /> Code in my Footer: <script src="//code.jquery.
  24. Site URL: http://lakerenfaire.com/ I am trying to redirect the backlinks at the top of individual events when you click the event. The backlinks are at the top of each individual event page as "Back to All Events" where they currently link to https://lakerenfaire.com/virtual-faire-nobility/ and should instead link back to the main page at https://lakerenfaire.com/virtual-faire/. Trying to figure out what I am missing to get this function as intended for each event. The current jQuery I am trying to use is as follows: <!--- events page backlink redirect for virtual faire --> &l
  25. Hi, I am using a custom HTML form to POST some data to the design my night booking system. This all works fine. When the form is sent we want to then redirect the user back to the squarespace site using: <script> DMN.val('return_url', 'https://www.our-url.co.uk/thank-you'); DMN.val('return_method', 'post'); </script> I get the following error: Uncaught ReferenceError: DMN is not defined I am told this is because"make sure that your webserver and application can accept POST requests from the designmynight.com domain (including any subdomains)" How do I go
  • Create New...