Settings overview

Once installed you can find the options panel under Iconic > Enhanced Catalog Images.

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. Your choices are:
    • Fade on Hover
    • Slide
    • Bullets (Premium)
    • Thumbnails (Premium)
    • Zoom (Premium)
    • Picture in Picture (Premium)
    • Modal Gallery (Premium)
    • Enlarge (Premium)
    • Flip (Premium)

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 (Premium)

  • 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 (Premium)

  • 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 (Premium)

  • Max Zoom
    How much should the image be zoomed on hover. For example, "2" will zoom no large than 2x.

Picture in Picture Settings (Premium)

  • 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.
  • Icon Style
    The style of the icon that triggers the modal gallery.

Enlarge Settings (Premium)

  • 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 (Premium)

  • Transition Speed (ms)
    The speed of the fade transition in milliseconds.

Still need help? Contact Us Contact Us