Opencart Images Change URL When Color Swatch Clicked

Hi guys, We have a website showing products with color swatches, when the color swatch is clicked, we need the product images to change. To do this, we need the image url to change when a color swatch is clicked so if a red color swatch is clicked, the folder name in the url changes from the current color to red. An example is below: Red color swatch is clicked so current url changes from [login to view URL] to [login to view URL] We also need it so that the page doesn't refresh and the url should change for all product images including the main image and the additional product images.