Customize Catalog Images to a Slider

Hello, so I have a website and I need to replace the product catalog image (the one that shows on the shop page or the related products page) with a slider of the product’s gallery images

the closest thing I found on the internet is what’s in this link : https://www.wpstud.io/product-gallery-images-shop-page/

However, this only helps me show the gallery images in small squares, I need the whole image part to be replaced with a carousel for each product, so u can view all the product’s images without the need to open the product’s page

someone please help because I’ve looked all over the internet for a solution and I haven’t found a proper solution yet