Media gallery
The product's photos, videos and 3D models. Choose the layout, image shape and zoom.
Where to find it
Built into its section; it cannot be added elsewhere.
Settings
Layout
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Layout | Thumbnails below · Thumbnails beside · Stacked · Two-column grid | Always | |
| Gallery width | Large · Medium · Small | Always | The share of the page the media takes beside the buy box, on larger screens. |
| Keep media in view | On · Off | Layout is Thumbnails below or Layout is Thumbnails beside | |
| On phones | Thumbnails · Swipe carousel | Always |
Images
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Image shape | Square · Portrait (4:5) · Landscape (4:3) · Original shape | Always | |
| Image fit | Fill the frame · Show whole image | Image shape is not Original shape | Show whole image keeps every edge of the photo, for parts shot on a plain background. |
| Zoom | Open full screen on click · Magnify on hover, open on click · Off | Always |
Variants and video
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Selected variant media only | On · Off | Always | Once a variant is picked, other variants' images hide. Shared media always shows. |
| Loop videos | On · Off | Always | Applies to videos uploaded to Shopify, not YouTube or Vimeo. |
Which settings reveal which:
flowchart LR layout["Layout"] sticky["Keep media in view"] image_ratio["Image shape"] image_fit["Image fit"] layout -- "is Thumbnails below, is Thumbnails beside + more " --> sticky image_ratio -- "not Original shape" --> image_fit