limit number of photos shown on product pages

[cj18]

Is there a way to limit the number of pictures showing up on product pages? I dont want the landing/product page to show all the variants that are being uploading for the variant pictures and not pictures on the landing page. 

Example page: https://crystallation.com/products/birthstone-necklace

I only want to show 6 pictures on this page

[Mike-Consentik · Accepted solution]

Hi @cj18 

This is Mike from Omega

In this case, you can add this code below to Custom CSS of your product page

code: 

ul.product__media-list li.product__media-item:nth-child(n+7) {
    display: none;
}

It just hide images on your product page, but these hidden images still are loaded to your website. 

Hope my answer will help you.

Mike from Omega

[cj18]

This is so lit! thank you