Would you like a second product image to appear when a shopper hovers over the first? The Image Hover Swap in Botiga Pro creates a smooth transition between two images on hover, a small touch that draws attention to your products.
In this guide, we’ll walk you through how to enable the Product Image Hover Swap in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Image Hover Swap is a Botiga Pro feature, so this requires Botiga Pro.
As the cursor moves over a product image, the first image is replaced by a second one, creating a visual swap effect.
To enable it, go to Appearance » Customize » WooCommerce » Product Catalog » Product Card » Product Image Swap and switch the toggle on.
Note: the swap only works for products that have more than one image.
That’s it! You’ve successfully enabled the Product Image Hover Swap in Botiga.
Next, would you like to customize your product cards further? Check out our guide on customizing product cards to learn more.
