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


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. I want to apply this effect to a gallery and site header image: https://sarathsaleem.github.io/grained/ How would I go about this and target only specific elements? Appreciate the help!
  2. Site URL: https://jolsonweddings.com/stories I'm looking for a way to target and replace commas in my blog summery block, so that the metadata below the title displays as "Destination Wedding" instead of "Destination, Wedding". I'm hoping there's a way to target and replace the comma with some kinda of script, I was able to do something similar with my homepage using the following code: Can't seem to do the same with the Blog Summary though, anyone have any ideas?
  3. Site URL: http://picknmix.squarespace.com Hi All, I am trying to figure out how to use the announcement bar on my site to trigger the marketing popup. I.e., I have the popup initially set to trigger after 5 seconds, explaining the "How it works" for the site - but once they close it, I would like them to later be able to trigger the popup again manually, by clicking on the announcement bar I have set up which also reads "How it works" as a prompt. I have gone through every forum under the sun and can't seem to find a way to manually trigger the popup on click. Any help would b
  4. Hi everyone, I've browsed the web looking for and trying different solutions to replacing "Read more", "Next", "Previous" and other sorts of default texts in my template. None of them worked for me using the Mojave template. In the end I figured out using text.replace with jQuery would work. So I want to share my solution. First you have to include jQuery in your template by going to Settings > Advanced > Code Injection Paste this in the header injection: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js></script> After this
  5. I'm looking to create an accordion that will expand/hide content when the user clicks on 1 of 6 icons in a row. The icons serve as buttons essentially, with an active, hover and inactive state. I'm using the Brine template. Here are the functions I need: The icons have a text label below them (likely H3 text). Icons have an active, hover, and inactive state. The accordion will automatically hide whatever active content is showing when the user clicks a different icon. The content that would show/hide below would include an image with a header and text to the side of it
  6. hi there, I have been editing this site over last week, and figuring things out as i go along. Today when i'm finally happy with the bare bones of the site and was planning to start adding and editing content i realize my accordion menu code blocks are to working. site: https://e-kytex.com/items code originally used: https://codepen.io/brenden/pen/Kwbpyj i have had zero problems with these working until now, and i am honestly stumped as to what exactly is interfering.
  7. I am using source code (not iframes or scripts) from Jotform to place forms in code blocks on my page, but whenever I do this on Squarespace 7.1 (not a problem in earlier versions), I now see a litany of console errors when I load the page, and I lose the ability to edit the page, forcing me to delete the page to redo my work. It also removes images from the page, though the div remains. I have jQuery placed in the global site header so I have access to its selectors. When I try to use jquery selectors on the console on jotform pages, they also break. Below are the errors I see in console:
  8. Hello there, I have written a javascript with some jQuery to call an api and get some data to be rendered when a user clicks on a specific page. I have put this code inside the header of code injection section. But the problem is the script seems to execute only when user access the site the first time, not when they are accessing that specific page. Can anyone be able to help me out to have a workaround to this problem?
  9. Hi all, Site URL: https://www.brookebuilt.com/ The home page contains a gallery. 2 images have description. On select images, there is a info icon at top right corner. When clicked, the image shrinks and description slides out. Now I want to have the description showing up WITHOUT clicking the info icon. I don't find any settings regarding the info icon behaviour. I also tried to inject jQuery to simulate the click, but the debug console gave me this error: Thanks for your help in advance.
  10. Hey all, Just thought I'd share my little hack to create navigation on a group of subpages belonging to the same folder in the main navigation. Disclaimer: This was done in somewhat of a hurry, and I haven't used jQuery in a long time, so there's likely a more efficient way to code it. If you know or come up with a better way, please do share it! The way to use this, is simply by creating a folder in the main navigation with pages in it. Then on each page, using the code block, insert a DIV with the ID "pageMenu". Then add the code below using code injection
  11. I'm working on a site using the Tremont template see here I would like to transfer the mouseover effects of the index-navigation and apply these to the main-nav at the top right of the screen so as when you hover over the menu items they change the background video/image see here. I have achieved a similar effect on other projects but am having difficulty with 1. targeting the background video and 2. placing the images I wish to replace it with. Thanks in advance, any help would be greatly appreciated as I've been battling with this one for too long.
  12. I'm trying to load a group of blocks from one of my pages (/testimonials) into another page using jQuery's .load function (an Ajax method) and then display them with a fadeIn/Out animation to create a slideshow of testimonials on the current page. The load executes but the lines following do not. Here is a snippet of the code that's injected into the page header: $(document).ready( function() { $(".col.sqs-col-12.span-12:has(.sqs-block-quote)").addClass("slideshow"); $(".slideshow").load("/testimonials .col.sqs-col-8.span-8 .sqs-block.quote-block.sqs-block-quote.null"); $(".slideshow &
  13. Hi I have created one page and i am sending data to my other site through third party api url on jquery click event , but when i am submitting form my api is not calling. It's sometime work and sometime not work. Can you please tell me is anything blocking squarespace ? I have put my code inside Page Settings -> Advanced. E.x $(document).on('click', 'target', function () { // ajax code here })
  14. I have a form with radio buttons. If a person answers/clicks "yes" to the first question then I want them to see question #2. If the person answers "no" then I want them to see a message showing they are not qualified. So depending on how the user clicks, makes a selection will determine what that user sees in the form. Thank you. I attempted this code, but it did not work:
  15. I'd like to change "Related Posts" to say "Related Projects" – using the Farro template. I assume this involves jQuery but haven't managed to find anything other than this article for amending the search input. https://answers.squarespace.com/questions/13459/how-to-change-search-text-to-something-custom.html I guess it has to be something similar to this but none of these solutions work in my case!
  16. On a “York” template [index] page, I use jQuery {Header Code Injection} to modify the URL of a [Page] link on that [index], allowing me to effectively add a [Link] to an [index] with a photo background that is displayed with the rest of the content on the [index]. The code works fine when the [index] loads or is hard-refreshed by the browser. It does not work after Ajax is used to soft-refresh only the [index] page content and not the <head>, <footer>, or other surrounding elements. This happens consistently when users navigate around the site. Squarespace notes this Ajax usage
  17. I have read the documentation on how to load custom JavaScript into the developer site, such as jQuery. I have implemented it the way the documentation suggests: <script>window.jQuery || document.write('<script src="scripts/jquery-1.9.0.min.js"><\/script>')</script> Loading the JavaScript file that I have uploaded to my ‘scripts’ directory on the server. That returned an 404 error saying that the file doesn’t exist. Because it was looking under /index/scripts/.. which of course does not exist. Thus the documentation is wrong. I then went ahead and wrote this:
  18. I am trying to change the background color of the header element in my site using custom CSS and code injection. I found this previous, non-Squarespace solution. I have attempted to adapt it, but given my lack of jQuery knowledge and how exactly Squarespace uses code injection, I am at a loss. In the custom CSS area I have added .transparent-header #header { background-color: rgba(0,0,0,0.7); } In the code injection area I have added <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript">
  19. I want to add a testimonial carousel without having to use images. Any ideas?
  20. I’m building a site — firstpersonessaycoaching.com — and I’d like to hide the answers to the questions on my FAQ page so that they are revealed when you click on the text of the question. I read Silvabokis’ How to create hide/show FAQs in Squarespace — but I would be out of my depth with jQuery. Would someone be able to suggest another way, or perhaps provide a little more guidance for the jQuery suggestions so that someone with very little experience can do it? Thanks in advance.
×
×
  • Create New...