Skip to main content

Image Display Issues

If a product image, gallery image, or home-page module image shows incompletely, the module is usually using a crop-to-fill mode. Switch the display mode to Fit inside.

The flow​

How to do it​

  1. Open the page designer.
  2. Click the module that contains the image.
  3. Find Media or the image display mode in the right panel.
  4. Change the mode to Fit inside.
  5. Publish, then refresh the front end to check.

AllinCMS image display setting - choose Fit inside in the right Media dropdown, used to show the product image fully within the module container

What the display modes mean​

ModeGood for
Crop to fillFilling cards uniformly, but may crop edges
Fit insideShowing product images in full
StretchGenerally not recommended — distorts easily
Original sizeA few special images
Scale downLarge images you don't want enlarged

If it still looks off​

  • Make product images square and consistent.
  • Use landscape images for banners; don't force portrait images in.
  • Keep the subject off the edges, with some margin around it.
  • Re-compress and re-crop following the Image Guidelines.