Jump to content

Collapsible contact form doesn't work anymore

Recommended Posts

Hi,

For a number of websites I created, I made a collapsible contact form to reduce the size. All of these worked perfectly, until this morning a client told me theirs wasn't working anymore. Suddenly, the contact form doesn't open up anymore when you press it. I've checked all of the websites where I added this feature and none of them are working anymore. This is quite weird, because everything was working perfectly a few weeks ago..

How they were made:

1. Code injection
 

-> HEADER: 
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

-> FOOTER: 
<!-- COLLAPSIBLE FORM SECTIONS -->
<script>
  $('.form-item.underline').click(function() {
    $(this).nextUntil('.underline').slideToggle();
  });
</script>

2. Custom CSS

.form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) ~ *:not(.form-item.underline) {
  display: none;
}

//To style first section title
#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb {
  pointer-events: none;
}
#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb .title {
  font-weight: bold;
  text-transform: uppercase;
}

//To change cursor of clickable sections
.form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) {
  cursor: pointer;
}

//To style clickable section titles
.form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) .title {
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  text-transform: uppercase;
}
.form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) .title::after {
  content: '+';
  color: #065774;
  font-size: 1.7em;
  font-weight: bold;
}

This is the code for one of the websites I did: https://www.makri.org/contact

But other websites seem to have the same issue:

https://www.electrifyeurope.be/contact
https://www.lccoaching.be/contact-intro
https://www.anouschkameuris.be/contact
https://caribou-gopher-2ez7.squarespace.com/ (pw: INTUNE)

Does anyone know how to solve this problem? 

Thanks in advance!

 

Link to comment
  • Replies 1
  • Views 140
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

18 minutes ago, krztff said:

This is quite weird, because everything was working perfectly a few weeks ago..

The form block has had a few important back-end code changes, so this plugin will need to be updated, read more here:

There's a lot of chat on the forum about this that might help.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.