Getting started with Enhanced Catalog Images

Installation

To install the plugin:

  1. Open wp-admin and navigate to Plugins > Add New > Upload.
  2. Click Choose File, and choose the file enhanced-catalog-images-for-woocommerce.zip.
  3. Once uploaded, click activate plugin.
  4. The plugin is now installed and activated.

Alternatively, search for "Enhanced Catalog Images for WooCommerce" by opening wp-admin and navigating to Plugins > Add New.

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


Configuration

As soon as the plugin has been installed an activated, it should be working in your store. By default, your catalog images should now fade to the first image in your product gallery.

If your images did not change, no images show up, or you are seeing 2 sets of images, pelase take a look at this article.


Options

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