Jump to content

Flèche image produit


clems

Recommended Posts

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 !

fleches-prestashop.thumb.jpg.48e73a0b9fea17b7c41e753d4b657c3a.jpg

Link to comment
Share on other sites

Bonjour,

Sur votre boutique, le carousel se trouve sur les miniatures en-dessous de la photo principale et non sur la photo principale elle-même.

Si vous souhaitez créer un carousel au niveau de la photo principale, cela va nécessiter bien plus de modifications que cela.

Link to comment
Share on other sites

il y a 2 minutes, clems a dit :

Bonjour,

Je vous remercie pour votre message. Je souhaite ajouter des flèches uniquement sur les images de mes produits et non sur le carrousel

 

Donc, vous souhaitez transformer l'affichage des grandes images en carrousel, donc ce n'est pas juste ajouter deux flèches, il faut gérer l'action liée à ces flèches.

Link to comment
Share on other sites

C'est en effet compliqué si vous n'avez pas les connaissances nécessaires pour mettre ceci en place. Le mieux serait effectivement de rechercher un module vous permettant cela. Vous pouvez par exemple regarder sur Prestashop Addons.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...