To start using the WC Image Flip plugin, follow these steps:
Access Plugin Settings
Go to your WordPress admin dashboard and navigate to WooCommerce > Image Flip. This will open the plugin’s configuration interface with two main sections: General and Style.
Enable Image Flip
In the General tab, check the box labeled Enable Image Flip to activate the plugin’s functionality across your WooCommerce store.
Choose a Flip Effect
Select one of the five available image effects:
- Flip
- Fade on Hover
- Enlarge
- Picture in Picture
- Slide
Each effect provides specific customization fields once selected.
Customize the Effect Settings
Depending on the effect you choose, additional options such as transition speed (in milliseconds), image size, position, and autoplay can be adjusted. For example:
- Flip and Fade on Hover let you adjust the transition speed.
- Enlarge allows you to set the enlarge percentage and cropping behavior.
- Picture in Picture enables size, position, and border color.
- Slide gives control over image count, autoplay settings, touch interaction, arrows, bullets, and transition speed.
Style Your Effects
Switch to the Style tab to set the border color for the Picture in Picture effect and the pager color for active images in the Slide effect. This ensures your effects visually align with your site’s theme.
Save Your Changes
Click Save Settings to apply your selected image effect and related configurations. Your WooCommerce product images will now display the effect sitewide.