Browse by Topic

Finding Carousel Image Dimensions

Each of our themes includes a carousel, or slideshow, to prominently display products and calls to action. Since our themes come in a variety of styles, they will have different requirements for carousel image dimensions.

  • Image Dimensions — the width and height of an image, using a measurement of pixels (px)

The image recommendation can be found in its documentation, use the guide below for help on finding these specifications.

 

Need to fix a Carousel Image? See our guide on Fixing Distorted Images for help on getting the image the right size for the Carousel.

Image dimensions for Stencil Themes

Stencil themes typically use carousel dimensions between 1200 x 600 pixels and 1600 x 900 pixels. Images outside these ranges can run the risk of becoming distorted since the theme will stretch or squish an image to make it fit. See Fixing Distorted Images for help on resizing images to fit the Carousel. Since all Stencil themes are responsive, the carousel will adjust itself to suit the screen size. 

Carousel Builder

If you have purchased a theme, go to Pixel Union Support and select your theme's manual .

If you are using a Cornerstone theme, see the Cornerstone Theme Manual. The Theme Editor has an option to adjust Carousel image sizes either forcing the image to stretch or not. 

 

Don't see exact dimensions in the manual? If the manual has no suggestions, we recommend a height between 600 or 800 pixels tall. Make sure all the images use a consistent height.

Image dimensions for Blueprint Themes

On our Legacy Blueprint themes, the image's dimensions appear on the Carousel Builder. To see the required image dimensions, click on an empty slide.

Blueprint Dimensions
The required dimensions will appear in the large image preview area.
 

Don't feel comfortable adjusting your design or want to work with an expert? Check out our BigCommerce Partner Directory or ask your question in the BigCommerce Community Design Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.

Was this article helpful?