Swatches working in product list but not working in a Single product page

Hello and hope you are doing good,

From global attributes we selected the needed options of the selected attribute : horizontal , display type – image , and swatches profile – image design. Then we visited the catalog page/Listed pages of products, and we were able to swatches between images but when we visited the product single page of the product we were not able to swatch between attribute images.

Also, I have to add one more note that when we select the Display type – Variation Image , we got nothing , mean no option to select ..

Last thing I would like to ask you for guidance on how can I do something like what I found in this website if that can be done : (https://www.korff.it/collections/make-up)

Kindly advice on these issues ..

Thank you ..