How can I change the size of my product image?

Overview


When the Celery checkout renders, it will dynamically scale product images to a fixed width. Once the horizontal width scales, then the vertical height will also scale based on the original aspect ratio of the image.
  • For single-product checkouts, the Celery checkout will automatically scale the product image to 480px width (desktop).
  • For multiple-product checkouts (collections), the Celery checkout will automatically scale product images to 287px width (desktop).
Celery recommends using product images with widths of 480px to minimize scaling and to decrease load times.

Disclaimer

  • If you have a long vertical image, it may end up taking up a lot of vertical space. We recommend trying a 4:3 horizontal aspect ratio to better fit the Celery checkout.



Feedback and Knowledge Base