Edit History

Bon, j'ai trouvé le tpl qui touche aux thumbnails (miniatures) dans product.tpl. "MonTheme/templates/catalog/_partials/product-cover-thumbnails.tpl". Voici la partie du code portant sur les thumbnails :

<div class="swiper-container">
          <ul class="swiper-wrapper">
            {foreach from=$product.images item=image name=image}
              <li class="swiper-slide thumb-container" data-k="{$image.bySize.large_default.width / $image.bySize.large_default.height}">
                <img
                  class="img-fluid js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
                  data-image-medium-src="{$image.bySize.medium_default.url}"
                  data-image-large-src="{$image.bySize.large_default.url}"
                  data-index="{$smarty.foreach.image.iteration - 1}"
                  src="{$image.bySize.cart_default.url}"
                  alt="{$image.legend}"
                  title="{$image.legend}"
                  itemprop="image"
                >
              </li>
            {/foreach}
          </ul>
        </div>

Je suppose que ça bug au niveau de la sélection de la classe. Je donne le fichier complet en pièce jointe si ça peut aider.

product-cover-thumbnails.tpl

Bon, j'ai trouvé le tpl qui touche aux thumbnails (miniatures) dans product.tpl. "MonTheme/templates/catalog/_partials/product-cover-thumbnails.tpl". Voici la partie du code portant sur les thumbnails :

<div class="swiper-container">
          <ul class="swiper-wrapper">
            {foreach from=$product.images item=image name=image}
              <li class="swiper-slide thumb-container" data-k="{$image.bySize.large_default.width / $image.bySize.large_default.height}">
                <img
                  class="img-fluid js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
                  data-image-medium-src="{$image.bySize.medium_default.url}"
                  data-image-large-src="{$image.bySize.large_default.url}"
                  data-index="{$smarty.foreach.image.iteration - 1}"
                  src="{$image.bySize.cart_default.url}"
                  alt="{$image.legend}"
                  title="{$image.legend}"
                  itemprop="image"
                >
              </li>
            {/foreach}
          </ul>
        </div>