Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

...

1. Configuration

(plus) Admin can set several images for a product. Each image is set with a separate role to display in different places.

Note: Product image size should be in 1:1 ratio (ex: 600x600px).

(plus) To edit  Edit product image,

  • On the admin sidebar, navigate to Catalog > Products. 

Image Modified

  • Go to Products page, find the product need editing, click Edit under the Action column.

Image Modified

  • On the product detail page, expand the Images And Videos section. Admin can add and set role for product images. 

Image Modified

Expand Images and Videos section, upload images for the product.

...

Image Removed

...

  • Click on the

...

  • image to

...

  • set image role.Set image role: Each role is set for

Note: An image can be set with several roles. A role can be assigned to one image only.

  • To disable hide the image, click on select the option Hide from Product Page option..

Image Added

2. Image roles

There are 5 types of image role: Hover Image, Base, Small, Swatch, Thumbnail.

  1. Image AddedBase image

    Image Removed


    Thumbnail image


    Small image


    Hover image will display when users hover on the product in the listImage RemovedBase image