Flèche image produit

[clems]

Bonjour à tous

j'utilise le thème "classic" sur PrestaShop 1.7.5.1. et j'aimerais que l'utilisateur puisse faire défiler les images de la page produit avec des flèches. J'ai essayé cces mais malheureusement ç ne fonctionne pas:

Dans product.tpl:

<div class="product-image-container">

    <span class="arrow-left">←</span>

    <img src="{$product.cover.bySize.large_default.url}" alt="{$product.name}">

    <span class="arrow-right">→</span>

</div>

Et dans custom.css:

.arrow-left, .arrow-right {

    font-size: 24px;

    cursor: pointer;

    margin: 0 10px;

}

.product-image-container {

    display: flex;

    align-items: center;

    justify-content: center;

}

Quelqu'un a-t-il une idée du problème ? Ma boutique en ligne : https://www.lestresorsdeclemence.fr/
Merci !