Skip over navigation
Documentation

Configure Image Preview on Product Listing Page

To simplify product selection for customer, you can enable product previews on product listing pages. This can be done on three levels, globally, per organization and per website.

Configure Image Preview on Product Listing Page Globally

To enable image preview globally:

  1. Navigate to the system configuration (click System > Configuration in the main menu).
  2. Select Commerce > Product > Product Images in the menu to the left.

Note

For faster navigation between the configuration menu sections, use Quick Search.

The following page opens:

../../../../../_images/ImagePreviewGlobal.png
  1. When Enable Image Preview on Product Listing is enabled, clicking on the product image on the product listing page in the storefront will open a pop up image gallery, rather than the product page.

    ../../../../../_images/ImagePreviewEnabled.png
  2. When Enable Image Preview on Product Listing is disabled, clicking on the product image on the product listing page in the storefront will open the product page.

    ../../../../../_images/ImagePreviewDisabled.png

    Note

    By default, Enable Image Preview on Product Listing is enabled.

  3. Click Save.

Configure Image Preview on Product Listing Page per Organization

To enable image preview per organization:

  1. Navigate to System > User Management > Organizations in the main menu.
  2. For the necessary organization, hover over the more actions menu to the right of the necessary organization and click to start editing the configuration.
  3. Select Commerce > Products > Product Images in the menu to the left.

Note

For faster navigation between the configuration menu sections, use Quick Search.

The following page opens:

../../../../../_images/ImagePreviewOrganization.png
  1. When Enable Image Preview on Product Listing is enabled, clicking on the product image on the product listing page in the storefront will open a pop up image gallery, rather than the product page.

    ../../../../../_images/ImagePreviewOrgEnabled.png
  2. When Enable Image Preview on Product Listing is disabled, clicking on the product image on the product listing page in the storefront will open the product page.

    ../../../../../_images/ImagePreviewOrgDisabled.png

    Note

    When Use System checkbox is enabled, system settings are applied.

Configure Image Preview on Product Listing Page per Website

To enable image preview per website:

  1. Navigate to the system configuration (click System > Websites in the main menu).
  2. For the necessary website, hover over the more actions menu to the right of the necessary website and click to start editing the configuration.
  3. Select Commerce > Product > Product Images in the menu to the left.

Note

For faster navigation between the configuration menu sections, use Quick Search.

The following page opens.

../../../../../_images/ImagePreviewWebsite.png
  1. When Enable Image Preview on Product Listing is enabled, clicking on the product image on the product listing page in the storefront will open a pop up image gallery, rather than the product page.

    ../../../../../_images/ImagePreviewEnabledWebsite.png
  2. When Enable Image Preview on Product Listing is disabled, clicking on the product image on the product listing page in the storefront will open the product page.

    ../../../../../_images/ImagePreviewDisabledWebsite.png

    Note

    When Use System checkbox is enabled, system settings are applied.

Browse maintained versions:3.11.6
Back to top

You will be redirected to [title]. Would you like to continue?

Yes No