Discussion :

[Plastifieurs]

Bonjour à tous les zéros,

Je suis en train de faire une boutique Prestashop (version 1.4.7). J'ai un slider utilisant nivoslider en haut de page pour promouvoir mes produits et je voudrais ajouter un slider utilisant bxslider en dessous pour mettre des images produits en situation.

Problème : le deuxième ne fonctionne pas.

Je suis un grand bidouilleur mais je ne connais pas javascript. Et après y avoir passer la soirée à chercher, je vous demande de l'aide svp. Voici les éléments :

Le code du module nivoslider :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
{if $page_name == 'index'}
{literal}
<!-- piscesslider -->
<script type="text/javascript" src="{/literal}{$this_path}{literal}js/jquery.nivo.slider.pack.js"></script>
<div id="slide_holder">  
    <div id="slider">
        {/literal}
            {foreach from=$xml->link item=home_link name=links}
                {literal}
                    <a href='{/literal}{$home_link->url}{literal}'><img src='{/literal}{$this_path}{$home_link->img}{literal}'alt="" title="{/literal}{$home_link->desc}{literal}" /></a>
                {/literal}
            {/foreach}
        {literal}
    </div>
</div>   
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:9,
        animSpeed:500, //Slide transition speed
        pauseTime:5000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:false, //Next & Prev
        directionNavHide:false, //Only show on hover
        controlNav:true, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){} //Triggers after all slides have been shown
    });
});
</script>
<!-- /piscesslider -->
{/literal}
{/if}

Le code bxslider :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!-- Module HomeSlider -->
<div id="conteneur-homeslider">
{if isset($homeslider)}
{literal}
<script type="text/javascript">
$(document).ready(function(){
    var homeslider_loop = true;
    var homeslider_speed = {/literal}{$homeslider.speed}{literal};
    var homeslider_pause = {/literal}{$homeslider.pause}{literal};
 
    if (!homeslider_speed == undefined)
        var homeslider_speed = 300;
    if (!homeslider_pause == undefined)
        var homeslider_pause = 6000;
 
 
    $('#homeslider').bxSlider({
        infiniteLoop: true,
        hideControlOnEnd: true,
        pager: true,
        autoHover: true,
        auto: true,
        speed: homeslider_speed,
        pause: homeslider_pause
    });
});
</script>
{/literal}
{/if}
 
{if isset($homeslider_slides)}
<ul id="homeslider">
{foreach from=$homeslider_slides item=slide}
    {if $slide.active}
        <li><img src="modules/homeslider/images/{$slide.image}" alt="{$slide.legend}" height="{$homeslider.height}" width="{$homeslider.width}"></li>
    {/if}
{/foreach}
</ul>
{/if}
</div>
<!-- /Module HomeSlider -->

J'ai vu à droite à gauche au fil de mes recherches que la console pouvait nous aider à trouver les erreurs. Voici ce que me dit la console (c'est du chinois) :

Uncaught TypeError: Object #<Object> has no method 'result'

Des idées??

Merci d'avance pour votre aide

Cordialement

[SpaceFrog]

noConflict()

[Plastifieurs]

Bonjour,

Merci pour votre réponse.

J'ai du coup été lire ceci : http://api.jquery.com/jQuery.noConflict/

Je crois avoir compris mais lorsque je fais ce qui est indiqué cela ne change rien.

J'ai mis noconflit pour le script nivoslider, il ne marche plus. J'ai ensuite essayé sur l'autre il ne fonctionne toujours pas. Et quand je mets ca sur les deux, aucun ne marche.

Je suis désolé, j'y mets de la bonne volonté mais comme je ne connais pas le language, c'est la galère...

Pouvez vous m'en dire un peu plus svp?

Merci d'avance

[SpaceFrog]

montre nous ton implémentation de noConflict ...