Before and After Image Slider in Squarespace 7.1

Do you sell Photoshop or Lightroom actions and presets? Do you like to take before and after pictures of a project? Before/After Image Sliders are a great tool to showcase your photos and products in an interactive way.

Zurb.com developed a great plugin called “twentytwenty” which was then modified by Anthony Kramer to be used within Squarespace 7.0. However, the plugin uses the Stacked Gallery Block within Squarespace. This block is not available in Squarespace 7.1 outside Blog Pages, Product Items, and Individual Events.

WELL, IT’S HERE, IT’S HERE!!! I am super excited to announce a new plugin has found its way into my Squarespace Shop!

 

Now available: Before / After Image Slider for Squarespace 7.1 !

 
Section Image Slider-min.gif
 
 

What can this plugin do?

This plugin will allow you to add a before an after image slider to a Gallery Section in Squarespace 7.1. It is mobile friendly and fully customizable including removing the overlay, changing the orientation, changing the handle starting location, changing the handle colour, and editing the height and width.

Who is this plugin for?

This plugin is for any business wanting to showcase before and afters. From a photographer selling Photoshop Actions and Presents to a Real Estate Agent showcasing a renovation project, a before and after image slider will show your clients what you’re capable of.

What is included?

  1. Purchasing this plugin will give you access to a series of video tutorials that will guide you through installing the Image Slider Plugin.

  2. All necessary code and files are provided.

  3. This plugin is responsive, meaning that it is mobile friendly.

  4. Technical support is provided for all Rebecca Grace Designs plugins.

What is required?

  1. You must be using Squarespace 7.1 on a business or commerce plan.

  2. This plugin using a Grid Gallery Section within a page. This means it will work on any page except blog posts, product items, and individual events.

 
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Resize Images for Mobile in Squarespace 7.1

Next
Next

Animated Gradient Text on Squarespace