Image Display Option ( 2.93)

Version 2.93 allows you to choose different image styles/functions for each layout. Change the image style by selecting Layouts from the Web Site menu, and change the image for each layout as follows:

Examples show how images display on the category page.

  • Default: General product image, default for that layout. Detail item layout displays all large images, multi item layout displays first small image that links to the detail item layout, and others display all small images which pop up to a larger image.

  • First Image: Detail item layout displays first large image, and others display first small image which pops up to a larger image.

  • All Images: Detail item layout displays all large images, and others display all thumbnail images which each pop up to a larger image.

  • Gallery: Detail item layout displays first large image, and others display first small image. Smaller thumbnails for all images show underneath, creating a gallery that changes the main image on click.

  • Slidedisplay: Detail item layout displays first large image, and others display first small image. A left and right arrow scrolls to the next image.

  • Slidedisplay Gallery: Detail item layout displays first large image, and others display first small image. Smaller thumbnails for all images show underneath, creating a gallery that changes the main image on click. Initial image includes a left and right arrow that scrolls to the next image.

  • Zoom: Detail item layout displays all large images, multi item layout displays all small images which link to the detail item layout, and others display all small images. All images contain an inner zoom on mouseover (replaced with a pinch zoom in iOS).

  • Zoom First: Detail item layout displays first large image, multi item layout displays first small image which links to the detail item layout, and others display first small image. Image contains an inner zoom on mouseover (replaced with a pinch zoom in iOS).

  • Zoom Gallery: Detail item layout displays first large image, multi item layout displays first small image which links to the detail item layout, and others display first small image. Smaller thumbnails for all images show underneath, creating a gallery. Main image contains an inner zoom on mouseover (replaced with a pinch zoom in iOS).

  • Lightbox: Detail item layout displays first large image, and all others display first small image. When clicked, a pop up displays a slideshow.

  • Lightbox Gallery: Detail item layout displays first large image, and all others display first small image. When clicked, a pop up displays a slideshow. Smaller thumbnails for all images show underneath, creating a gallery that changes the main image on click.

Important notes: A mouseover zoom is replaced with a regular pinch zoom in iOS devices.

****   Using slideshow, gallery, lightbox or zoom options add some load time to the site, especially if they are utilized on a single, double, triple or multi layout; use in detail product layout only is recommended.

  • Email, SSL
  • 1 Users Found This Useful
Was this answer helpful?

Related Articles

Wholesale Only

You have products you want only wholesalers to see ?  On the product edit page look for the...

Add Products

The Products section allows you to add/edit all aspects of your products. There are 3 screens for...

Price discounting for bulk purchases

Price Discounts: If you wish to set price discounts for quantity purchases, you can enter the...

MM Custom (DIY) Templates - 2.93+ Responsive

We've updated our DIY templates for the new 2.93+ responsive system and they're now available for...

Custom Template Design 2.84 - 2.93 - with Visual Guide

As with previous versions, an htm and php file should be loaded to the public_html/template...