How to Change an Image on hover in Squarespace

In this tutorial, we are going to look at how to change or ‘reveal’ an alternative image on hover in Squarespace 7.1 websites using SquareKicker's no-code plugin extension. You may want to use it to replace a thumbnail image or create a dramatic display for your visitors to interact with.

Changing an image on hover can be a great way to entice viewers by displaying more of your product without over cluttering pages. It also increases the 'dwell time' of a visitor to your site which is great for SEO and boosting your credibility with google.

SquareKicker: Squarespace Design & Animation Plugin/Extension

SquareKicker is an intuitive no-code design extension which allows you to bring your Squarespace sites to the next level.

Break free from templates and complex code and start building unique websites that your are proud to show your clients. Creating a beautiful website is easy, but creating something truly unique, taking your visions and design beyond the limit of a template was just not possible without complex code… Until Now! Using SquareKicker’s visual builder you can explore a whole new level of unlimited design possibilities. Easy to use tools allow you to see the changes as you design allowing you to control each pixel of your design.

[datokraveishvili]

so if im building ecommerce website, should i do it for every product separately? and what about when i deliver the website and they have new products to add.

[sanjipress]

ok well this would have helped me if it was the updated sp version info, idk what that plugin is, can u update some info eithr in the comments or a video for updated squaresapce desktop version, im not using the mobile app fluid version right now, im just editing on the desktop