Images
Picture shapes, grain, image blocks, Image reveal and video.
Online Store › Themes › Customize › Theme settings › Images
Product images
Shape
The usual shape of your product photos, counting the space around the product. Product cards, the product page and thumbnails use it; sections that show products can set their own.
Images in another shape
Crop to fill trims around the focal point you set in Shopify. Fit inside shows the whole picture and fills the space around it.
Fitted image position
Used when the space is above and below the picture. Bottom suits products shot on a floor or table; Top suits hanging garments.
The space around a fitted image shows Colors › Product photo background on the product page and Product cards › Card image background on cards. Unless they match your photos' backdrop exactly, each image sits in visible bands. Crop to fill avoids this.
Section images
Image shape
Image with text, Image reveal and the other sections with an image; each can set its own by turning off Follow Theme settings for images.
Images in another shape
Crop to fill trims around the focal point you set in Shopify. Fit inside shows the whole picture.
Grain
Fine film grain laid over pictures. It hides the blocky patches and smoothed texture Shopify's compressed pictures (WebP) can show, and gives a filmic finish. It also adds texture to the picture itself: fine detail and flat colors look grainier. It costs no extra download.
Show on looks and editorial images
The large pictures between products on collection pages, and looks' own pictures: the Lookbook section, look pages and the product page.
Show on image sections
The Hero, Image with text, Image grid, Image reveal and Video posters.
Show on product photos
Product pages and product cards. Grain changes how products look, so check colors and fine detail before turning it on.
Strength
Image grids
Columns on desktop
Every Image grid section, unless its Follow Theme settings for cards is off.
Columns on phones
Image
Image shape
Alignment
Width
Page width is as wide as the content around it; Full width runs to the screen's edges.
Image reveal
Height
The band's height, as a share of the picture's.
Position on the screen
How far down the screen the window holds while the page scrolls. 50% is the middle.
Outline the window
Video
Start on its own
Muted, on a loop, with Pause in the corner. It holds still for anyone who asks for less motion.
Shape
Loop
Show a sound button
A Sound button in the corner lets shoppers hear a video that starts on its own, muted.