Hide Configurable product images from details page when color swatch is selected

Question

I want to hide the configurable product images when a configurable swatch is clicked.

So by default configurable shows Green, red and blue.

And when I select Blue swatch of my simple product only Blue products images should show.

Answer 1

Try to use etc/view.xml file in your theme, with this configuration:

<vars module="Magento_ConfigurableProduct">
   <var name="gallery_switch_strategy">replace</var>
</vars>

The Luma Theme default value is prepend.

See this question and this link.