limit number of photos shown on product pages

Solved

limit number of photos shown on product pages

cj18
Excursionist
26 0 5

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

 

 

Accepted Solution (1)

Mike-Consentik
Shopify Partner
162 28 32

This is an 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

MikeOmega_0-1677124197515.png

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

If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA

View solution in original post

Replies 2 (2)

Mike-Consentik
Shopify Partner
162 28 32

This is an 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

MikeOmega_0-1677124197515.png

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

If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA
cj18
Excursionist
26 0 5

This is so lit! thank you