在产品页面图像滑块上自动移动（滚动）产品缩略图

Question

产品页面上的产品图片滑块有问题。 我使用 flex 在一行中显示缩略图。一排有 5 个缩略图。图像使用方向箭头正确移动。 如何设置自动滚动到连续的下一个缩略图？现在它移动（主图像改变）但连续 5 个缩略图仍然是静态的。 我将溢出-x 设置为自动，因此您可以看到连续的下一个图像。

基本代码：

div.product div.images .flex-control-thumbs {
    display:flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 50px;
}

div.product div.images .flex-control-thumbs li {
    display: flex;
    overflow-x: visible;
    flex: 1 0 20%;
}

我的测试站点 - 你可以看到它是如何工作的： https://fewbirds.tastewp.com/produkt/test-product/