Aspect ratio settings

Crop images and video to a consistent shape.

Last updated 2 months ago

Many sections and blocks include Aspect ratio and Mobile aspect ratio fields. They appear when section height is Default (not fixed viewport height).

Pick a global crop

Aspect ratio options:

  • Adapt to image (default) β€” uses the file's natural proportions.
  • Landscape, portrait, square, widescreen, ultrawide β€” fixed crops.

Square or landscape keeps product and editorial grids even. Portrait suits lookbook layouts.

Use a different mobile crop

Set Mobile aspect ratio when phones need a taller or squarer frame than desktop. Leave on Adapt to image to inherit the desktop ratio.

Common pattern: landscape on desktop, square on mobile.

Where this group shows up

  • Section level β€” Multicolumn, Slideshow, Hero, Video, Collection list, and more.
  • Block level β€” image and video blocks inside those sections.
  • Card overrides β€” Card settings groups with Use theme setting as the first option.

Card-type defaults live under Theme settings β€” Product cards, Collection cards, Article cards.

Other settings

Fixed-height sections ignore aspect ratio β€” see Section height. Banner image sizing tips are in What is the recommended image size for a banner?