Bonjour à tous,

Utilisateur de prestashop

version 1.6.1.13

Siteweb : wow-berry.fr

Suite à des 10aines d'essaies, il me reste impossible de transformer mon bloc en slider.

Lorsque je passe en mobile mes blocs qui sont en col-lg-4 se mettent en col-xs-12.

Et je souhaiterais que lorsque l'on clique sur la flèche de droite, les bloc fasse un marginleft de - 340px et quand on clique sur la flèche de gauche, un margin left de 350px.

voici mon code actuel qui ne fonctionne pas ..

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
$(document).ready(function() {
    slider.init();
});
slider = {
    init: function() {
        slider.elem = $("#shadw");
        slider.nbSlide = slider.elem.find("article").lenght;
        slider.current = 0;
        $("fleche_droite").click(function() {
            slider.next();
        });
    },
    next: function() {
        slider.current++;
        slider.elem.animate({
            marginLeft: -slider.current * 420 + "px"
        });
    }
}
></script>
Merci d'avance pour votre aide !