Before/After Switcher

Adjust the simple before / after image switcher.

Adjust the simple before / after image switcher.

Venture

How it works

I'm using the Image Switcher plugin by Will Myers to accomplish this clean visual element. It's extremely straightforward, but with one small caveat: You have to use this Chrome Extension to find the image block's IDs and place them into the appropriate spots in the code block. Block IDs change per website, and even per use, so make sure to do this any time you duplicate the template.

I'm using the Image Switcher plugin by Will Myers to accomplish this clean visual element. It's extremely straightforward, but with one small caveat: You have to use this Chrome Extension to find the image block's IDs and place them into the appropriate spots in the code block. Block IDs change per website, and even per use, so make sure to do this any time you duplicate the template.

Design smarter, launch faster.

Studio Mesa makes Squarespace templates.

Built for nonprofits, wellness brands, & service businesses. All designs include 15 pages of considered design, delivered instantly with lifetime email support from a real person.

Subscribe

New template announcements

Design smarter, launch faster.

Studio Mesa makes Squarespace templates.

Built for nonprofits, wellness brands, & service businesses. All designs include 15 pages of considered design, delivered instantly with lifetime email support from a real person.

Subscribe

New template announcements

Design smarter, launch faster.

Studio Mesa makes Squarespace templates.

Built for nonprofits, wellness brands, & service businesses. All designs include 15 pages of considered design, delivered instantly with lifetime email support from a real person.

Subscribe

New template announcements