Big Cartel Theme Support

How do I display all of the product images at once on my product page?

How do I display all of the product images at once on my product page?

If you wish to display all of your images at once, which will also deactivate the slideshow/thumbnail navigation through images, add the following custom CSS to your custom style coding area - see Where do I add custom style code?:

/* Display all product page images
** and set margin between them */
.single.product .images .slides > li {
	display: block;
	margin-bottom: 10px;
}
/* Hide thumbnails and allow images
** to take up their space */
.single.product .images-nav {
	display: none;
}
.single.product .images-wrap > .inner {
	padding-right: 0;
}

Click the Done and Save buttons to apply your changes.

AarcadeHow do I display all of the product images at once on my product page?