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.