This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Before and After Product Images for WooCommerce

Description

Add before and after product images to your WooCommerce products.

Awesome Before & After Product Images:

  • Add Before and After images to WooCommerce products
  • Visitors can drag left/right to view before or after
  • [Professional] Lots of customization options

Note: Some features are Professional. Which means you need Before and After Product Images for WooCommerce Professional to unlock those premium features. You can get Before and After Product Images for WooCommerce Professional here!

What before and after slider does this use?

It uses the excellent Zurb TwentyTwenty script.

Disclaimer

Make a full backup of your website before using our plugins, test all functionality on a development environment before use on a production website.

Screenshots

  • Before & After Product Image
  • Product Image Upload
  • Customization Options (Some premium only)

Installation

  1. Goto your WordPress dashboard
  2. Ensure WooCommerce is installed and activated
  3. Activate Before and After Product Images for WooCommerce
  4. Go to WooCommerce products via the left menu ‘Products > All Products’ and edit a product
  5. Add your images in the ‘Before and After Product Images’ section
  6. Your before and after product images will now appear on your product page (see tabs)
  7. Customize the appearance in the settings section (WP Dashboard > Left Menu > Before and After Product Images)

FAQ

Installation Instructions
  1. Goto your WordPress dashboard
  2. Ensure WooCommerce is installed and activated
  3. Activate Before and After Product Images for WooCommerce
  4. Go to WooCommerce products via the left menu ‘Products > All Products’ and edit a product
  5. Add your images in the ‘Before and After Product Images’ section
  6. Your before and after product images will now appear on your product page (see tabs)
  7. Customize the appearance in the settings section (WP Dashboard > Left Menu > Before and After Product Images)
Where do my before and after images appear?

They will appear on the product page under, see tabs.

What dimensions should I upload my images?

We recommend uploading your images at the largest size possible with a low file size, ensure both images are the same dimensions for best results.

Can I customize the appearance?

Yes, see ‘WP Dashboard > Left Menu > Before and After Product Images’.

Contributors & Developers

“Before and After Product Images for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.3, April 19, 2018

  • Maintenance: Settings instructions added

1.0.2, April 19, 2018

  • Plugin officially launched

PRE 1.0.2

  • Plugin soft launch