Documentation

How to Change The Image Transition Effect

WooThumbs for WooCommerce allows you to change the effect shown to customers when they scroll through your new product image gallery.

With just a few changes to the plugin settings, you can choose between horizontal slide, vertical slide, and fade.

image transition example
Fade transition effect

To change the transition effect, take the following steps:

  1. From your WordPress dashboard, go to WooCommerce > WooThumbs > Carousel.
  2. In the Carousel Settings section, you’ll see a dropdown next to Mode. Use this to pick your preferred transition.
thumbnail transition effect
  1. Next, you can set the Transition Speed. This is the speed at which the gallery changes from one image to another. It’s best to make this fairly quick, as customers don’t want to wait.
transition speed
  1. You can set the images to automatically slide/fade after the page loads by enabling the Autoplay option. This will begin after the length of time entered into the Slide Duration setting.
slide duration and autoplay
  1. Finally, you can enable or disable Infinite Loop. This means when you get to the end of your images it will go back to the start when you click the next icon.
infinite loop woocommerce gallery
  1. Once you’re happy with all your settings, scroll to the bottom of the page and click the blue Save Changes button.

Are you using WooThumbs for WooCommerce yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooThumbs for WooCommerce

WooThumbs for WooCommerce

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support