I am unable to see other pictures of my product in the product page of the web version

I am unable to see more images of the product on my product page. I am able to see the same in the mobile version. I would like to just change the settings of the web version to show other images.

url : www.shopekaja.com

pw : Getlost.12

Hi @shopekaja ,

Can you tell me which theme you are using?

Hi !

I’m using the craft theme.

1 Like

Thank you for the information. I reviewed the files and found that you have manully added a custom CSS that removed the thumbnails from the image. This code has been placed on base.css file.

Please remove this line of code from base.css to bring back the product thumbnail.

slider-component#GalleryThumbnails-template--20821734490430__main{display:none!important}

Please let me know if you require help removing this CSS.

If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
M

Yes, that was added to remove the thumbnails in the mobile version. After removing the code the thumbnails are back on both the mobile and web version. Can you help me bring back the thumbnails just in the web version?

For now, can you please remove that CSS. I will provide another CSS that will hide thumbnails for mobile device only

Noted, I’ve removed the code. Could you please help me with the other code? Thanks in advance :slightly_smiling_face:

Hi @shopekaja ,

Can you add below css to the end of base.css file?

@media (max-width: 749px) {
    .product  slider-component.thumbnail-slider{
        display: none!important;
    }
}

If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
M

That worked! Thank you so much! If you don’t mind I have one more open question about my page transitions not being smooth. Would appreciate if you’d be able to look into it as well?