WC Image Flip provides effect-specific customization options, accessible via the General and Style tabs by navigating to WooCommerce > Image Flip > General. Here’s how to configure each effect properly:
General Settings
Flip
Customize the Transition Speed in milliseconds (e.g., 1000 ms = 1 second). This controls how fast the image flips from one side to the other when hovered.
Fade on Hover
Set the Transition Speed in milliseconds to define how smoothly the image fades into the secondary image when hovered. A lower value results in a quicker fade, while a higher value gives a more gradual transition.
Enlarge
- Adjust the Enlarge Amount in percentage to define how much bigger the image should grow on hover.
- Enable Image Cropping if your images need to fit inside fixed containers.
- Fine-tune the Transition Speed for optimal responsiveness.
Picture in Picture
- Configure the Picture in Picture Width (in %)
- Choose the position of the picture: Top Left, Top Right, Bottom Left, or Bottom Right.
- Control the Transition Speed for the mini-image overlay.
- Go to the Style tab to set the border color for the Picture in Picture window.
Slide
- Select how many images to display by adjusting Image Count.
- Choose autoplay behavior between Autoplay on Hover (only while hovered) and Forced Autoplay (continuous, even without interaction).
- Enable Touch Slide for mobile support.
- Toggle the visibility of navigation Arrows and Bullets.
- Set the Transition Speed to control how fast images slide.
Style Settings
- Border Color: Applies to Picture in Picture effect. Select a color that matches your theme.
- Pager Color: Used in Slide effect to highlight the active image.
Always remember to click Save Settings after making changes. The selected effect and styles will take effect sitewide on all WooCommerce product images.