How can I show specific variant images in Prestige theme?

[MST65912]

On mye website the products has different images for different variants of the product (different color), when you select a color I want it to only show the pitcures of that product in that color not all the pictures of that product in all colors. I am using the prestige theme. 

Does anyone have a solution? 

my url: https://aestheticblendd.com/collections/mv-images/products/copy-of-curb-5mm-mv?variant=3986796911021... 

for reference like this website: https://www.vitalydesign.com/collections/accessories/products/riot?variant=31705521127499 

[RS_Digitals]

You can add this code at the bottom of CSS file 

.Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav {
    margin: 10px -10px -10px -10px;
    text-align: center;
    display: none;
}

[MST65912]

I tried the code and it removes the slideshow for the product variant and only shows one image of that product variant, got a fix?

[RS_Digitals]

I think yes, when you click on variant then related picture will show up to that variant.

[MST65912]

Please take a look: https://aestheticblendd.com/collections/mv-images/products/copy-of-curb-5mm-mv?variant=3986796911021...

Each version have multiple pictures, but when insert the code the different images go away. Now I only get 1 picture of each versions when i select the color.

[MichaelThomas]

Hi there.

Our Symmetry and Showcase themes have this built-in now natively. So no apps are needed. We added it in the latest update. To learn the steps involved to make it work, you can see our support page on the topic. 

Variant Image Grouping Guide

We cannot make this work in other 3rd party themes so afraid if you ask the answer will be no.

[MRamzan]

Here is the reference tutorial: