The #1 Reason Your Squarespace Plugin Isn't Working And What To Do About It
Squarespace Plugins are a great way to add an effect or function to your website that is not available within the Squarespace Editor. I use several plugins on my website, and have built a few of my own. I offer several mobile-friendly plugins for those who want to customize their own websites more, including a snazzy image slider.
However, sometimes as you add one plugin to your website, another one stops working. In this video, I am going to discuss the #1 reason that this happens and what to do about it.
JQuery is a Javascript library that a lot of developers use when writing code for plugins. To use this library you first have to load the library into Squarespace. The code to do this could look something like this..
<script src="jquery-3.5.1.min.js"></script>
or this…
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
If you are using multiple plugins, it is possible that you have loaded different versions of the JQuery Library onto your Squarespace site. This is a problem for a couple reasons.
First, although it looks like you are only using one line of code you are actually loading a whole library containing several lines of code. If you are then loading multiple versions of this library on your site, you are adding a lot of unnecessary code which can slow down your website.
Second, this most likely means that the plugins were written based on different versions of the Jquery library. In most cases, the plugin code will work great with a newer version of the library and you can simply delete the older libraries. However, in some cases the plugin will need to be updated in order to work with the newer version which will cause it to stop working on your Squarespace site.
In these cases, it is best to contact the Plugin Developer to see if they have an updated version of the plugin for you. If you are comfortable with code, you can also use some additional Javascript to allow multiple versions of the library to exist together on your Squarespace site.
Step #1: Delete One of the Libraries
If you have more than one JQuery Library loaded onto your site, your first step is to try turning off one library at a time to see if both plugins can use the same library.
Step #2: Contact the Developer
If your plugins are still not working, I would suggest contacting the developer to see if they have a newer version of the plugin for you.
Step #3: Use No Conflict Code
As a last resort, you can use no conflict code to allow both versions to work on your site. However, I do not generally recommend this as it can slow down your website.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script>var jQuery132 = $.noConflict(true);</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> (function($){ CODE GOES HERE })(jQuery132); </script>
