Versions Compared

Key

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

...

A placeholder image is an image displayed when the actual image is missing or otherwise unavailable. Products on websites would typically have product images associated with them. These are displayed in the product detail page, product gallery, product grip, and in order-related emails. Images are  also The placeholder Image can also appear in a category list/grid. If an image is not available, rather than a blank space, a generic placeholder image can be shown. 

...

The default placeholder images for Categories and Products can be changed via the FileManager. You will need the same image in four sizes:

  • 50 50px (email/order line)
  • 250 250px (list/grid)
  • 500 500px (detail)
  • 1000 1000px (zoom)

Each placeholder image for Product must be named 'product-image.png'. The Category placeholder image should be 500px and must be named 'category-image.png'.


Change the default placeholder image (500px) in Theme

Here's how to change your 500px Product or Category placeholder image for Products or Categoriesin the Theme folder

  1. In the CMS, navigate to Content → File Manager.

     

  2. Click the Theme folder, then the img folder.
  3. Click the placeholder folder. 
  4. You will see the Category and Product placeholder images. Your replacement placeholder images must have the same filenames.
  5. If you want to view an existing image, select the image, then click Manage, then View.
  6. To delete the image, select the image, then click Manage, then Remove.
  7. In the popup, confirm you want to delete the image.

  8. To use a new image, click Upload 
  9. Once the image is in the folder, if it has not been named as the old default file, select the image, click Manage, then Rename.

  10. Refresh cache.  

...