Uploading Product Images

ScandiPWA supports the product image upload from the Back-End.

ACTION

STATUS

DESCRIPTION

Image Upload

SUPPORTED

To upload your image, drag an image from your desktop or tap the camera icon, and navigate to the image file on your computer.

Image Rearrange

SUPPORTED

To change the order of images in the gallery, tap the sort icon at the bottom of the image tile. Then, drag the image to a different position in the Images box.

Deleting Images

SUPPORTED

To remove an image from the gallery, tap the delete icon in the upper-right corner of the image tile.

Alt Text

SUPPORTED

Image Alt text is referenced by screen readers to improve web accessibility, and by search engines when indexing the site.

Hide Image

SUPPORTED

To exclude an image from the thumbnail gallery, mark the Hidden checkbox in the detailed image view.

Assigning a Role

SUPPORTED

Determines how the image is used on the storefront.

Available options: "Small" or "Thumbnail". See the table below to know more about available image roles.

Assigning an Image Role:

ROLE

DESCRIPTION

Small

Small image is used as a product image on product listing pages and in sections such as cross-sells and related products.

NOTE! With filters selected on the product listing page, ScandiPWA will respect the selected attribute values and display the corresponding product images.

Small image appears as the main image on the product description page.

NOTE! When an image is set as small, it is rearranged automatically to appear as the first image on the product description page.

Thumbnail

Thumbnail image appears in the cart, checkout and detailed order view in the customer account.

Caching Note

The images and videos will be updated on the Front-End immediately after save as they are part of the ScandiPWA caching solution that will invalidate caching entries for the updated content. No cache flush or any other manual operations are necessary. Content will be visible after page refresh and new cache entry will be stored.

Last updated