2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

Image size

On an image Smootify fills: the Shopify CDN resizes it. In a gallery, on the Slider for its slides, on the thumbnail or lightbox part itself

v2.0 beta

On this page

At a glance
Where it can go
Values

At a glance

max-width="800"

At most 800 pixels wide.

Needs: Nothing else.

max-height="800"

At most 800 pixels high.

Needs: Nothing else.

Crops a larger image to both sizes, starting from that point.

Needs: max-widthmax-height

pad-color="ffffff"

Fills the space around a smaller image with that color.

Needs: max-widthmax-height

More in the guide.

Where it can go

Inside any of: smootify-product, smootify-variant, cart-item, bundle-item, box-item, smootify-metaobject.
On image.
Only on an element that also has [product="specific-image"], [variant="image"], [option-variant="image"], [component="image"], [cart-item="image"], [cart-item="product-image"], [bundle-item="image"], [reference="image"], [metafield], [variant-metafield], [option-metafield], [metaobject], [gallery="slider"], [gallery="thumbnails"], [gallery="lightboxes"], [box-item="image"].

Values

Attribute and value	What it is	Notes
`max-width="800"`	Max width	—
`max-height="800"`	Max height	—
`crop="center"`	Crop	—
`pad-color="ffffff"`	Padding color	—