The image slider is a tool that became very popular today. Many marketing agencies and design studios are using slider to show the difference taken place. This difference could be either result of cosmetic improvement, photo filters of a picture, a comparison of two type goods or services or any other kind of stuff.   Real estate agents, photographers, artists, contractors and many other Squarespace users would love this feature been on their website. There is no direct way to install before and after image slider Squarespace 7.1 version. Squarespace 7.1 does not have this feature yet.

But do not worry.  

We got you covered. If you really need before and after image slider in Squarespace 7.1 , then you have to put it manually.

You can install image slider by setting up two galleries close to each other. Here is how you can do it:

First of all, you will need to add a Gallery section and upload your pictures there.

It would stand for “Before” image.

Then you can add a second Gallery and upload another set of pictures there.  

It would stand for “After” images.

Now the magical trick. 

You have to style your both Galleries remove the border between them.

As a result, you would get before and after image Slider Squarespace 7.1 version set up. This crafted image slider has almost no differences with originally build sliders and performs the same functions.

There is also a second option to install an image slider. This feature allows you to embed code inside a website. What you need is to use Code Injection option in javascript located in footer.

Get your slider snippet written on Javascript.

Go to Settings -> Advanced ->Code Injection.

Choose Footer and place the snippet inside Javascript in footer.

Changes would apply and you would see your image slider on your website.

Squarespace has enabled this feature just recently. But there are many sliders available as setup the process is the same as for manually written html websites. Once slider is installed you can test it working. Sometimes for a slider to work you would need to install an extra snippet.