Configure Gallery Thumbnails and Navigation

Gallery Spotlight gives you control over thumbnail placement, navigation and spacing so the product gallery can fit the theme and product media.

Choose a thumbnail layoutCopy link to Choose a thumbnail layout

Select left, right or bottom thumbnails, then set the number of visible thumbnails from three to ten. Review mobile thumbnail behaviour separately so the gallery remains usable on smaller screens.

Configure navigation controlsCopy link to Configure navigation controls

Enable or disable the controls that help customers browse media: arrows, pagination, looping and the media counter. Use only the controls that add clarity; a thumbnail strip may make some controls unnecessary.

Set gallery spacingCopy link to Set gallery spacing

Use the available gap settings to control the space between the main gallery, thumbnails and pagination. Each gap can be set from 0 to 60px, allowing the layout to match the surrounding product-page rhythm.

Review at each sizeCopy link to Review at each size

Check wide, narrow and touch-device layouts with real product images and video. Confirm that thumbnails, arrows and pagination do not obscure key product detail.