Settings overview
Once installed you can find the options panel under WooCommerce > Image Swap.
General
Choose the affect to apply to your images, and configure any other global settings that may apply.
Display Settings
- Effect
Choose the effect for you catalog images.
Colours
- Icon Colours
Some effects use icons (like Slide). Set the colour of those icons here.
Effect Settings
Once you have applied an effect to your images, you can configure the settings for it here. Note that you only need to configure the settings of the effect you are using.
Fade Settings
- Transition Speed (ms)
The speed of the fade transition in milliseconds.
Slide Settings
- Mode
Choose whether to slide images horizontally or vertically. - Image Count
Enter how many images should be displayed. Use -1 to display all available. - Navigation Icon Style
Choose the icon style for the slider arrows. - Touch Enabled?
When enabled, images can be swiped on touch devices. - Transition Effect
When sliding, apply this transition effect. - Transition Speed (ms)
The speed of the fade transition in milliseconds.
Bullets Settings
- Bullets Position
Choose whether to slide images horizontally or vertically. - Mode
Enter how many images should be displayed. Use -1 to display all available. - Touch Enabled?
When enabled, images can be swiped on touch devices. - Transition Speed (ms)
The speed of the fade transition in milliseconds. - Image Count
Enter how many images should be displayed. Use -1 to display all available.
Thumbnails Settings
- Column Count
How many images to show in a row. - Spacing (px)
Space between the thumbnails in pixels. - Image Count
Enter how many images should be displayed. Use -1 to display all available.
Zoom Settings
- Max Zoom
How much should the image be zoomed on hover. For example, "2" will zoom no large than 2x.
Picture in Picture Settings
- PIP Width (%)
The width of the inset thumbnail, relative to the width of the main image. - PIP Border Colour
The colour of the border around the inset image. - Position
The position of the inset image.
Modal Settings
- Icon Style
The style of the icon that triggers the modal gallery.
Enlarge Settings
- Transition Speed (ms)
The speed of the fade transition in milliseconds. - Enlarge Amount (%)
How much to enlarge the image by on hover. - Crop?
Whether to crop the zoom effect to the size of the original image, or expand outwards.
Flip Settings
- Transition Speed (ms)
The speed of the fade transition in milliseconds.