Documentation

WC Secondary Product Thumbnail

The WC Secondary Product Thumbnail plugin adds a hover effect that will reveal a secondary product thumbnail to product images on your WooCommerce product listings. This plugin is ideal for displaying front and back images of products.

Installation

  1. From your WordPress dashboard, go to Plugins » Add New
  2. Search for WC Secondary Product Thumbnail
  3. Click Install Now
  4. Activate the plugin
  5. Done!

FAQ

Can I control which image to reveal on hover?

You can either reveal the first image or the last image in product gallery. By default, the first image in product gallery will reveal on hover. If you would like to reveal the last image instead, add this line into your theme’s functions.php file:

add_filter( 'wcspt_reveal_last_img', '__return_true' );

What is the dimension used by my secondary images?

It uses the image size that you specify at WooCommerce » Settings » Products » Display » Catalog Images, which is usually used for images on product listings.


It doesn’t work. Nothing happens when I hover over product images?

Check that the product gallery has an image attached to it. See the Product Gallery meta box when editing the product.


What if I’m using a caching plugin?

As this plugin is supposed to only work on devices with mouse, its functionality is disabled on mobile devices to prevent issues and to improve performance. This plugin detects a mobile device through its user agent. If you are using a caching plugin (such as WP Super Cache or W3 Total Cache) to cache pages, you will need to configure your caching plugin to separate caches for mobile and desktop based on user agents. That will prevent it from serving incorrect caches for mobile and desktop.

List of mobile user agents used by this plugin:

Mobile
Android
Silk/
Kindle
BlackBerry
Opera Mini
Opera Mobi