Produkt Slider

[web0null]

Achso ja, war eh am Anfang ne Grafik, ich ersetze immer alles was mit css machbar ist.

[martin-schulz1]

Und wen ich jetzt einen 2 Slider an ganz anderer stelle z.b. in der Artikel Beschreibung haben möchte,

dann muss ich doch nur in der "articleSlider.js"

Code: PHP  [Auswählen]

$(document).ready(function(){
    $('#product111').articleSlider2({
//      autoPlay        : true,        // automatisches Scrollen = true, manuelles Scrollen = false
//        pause           : 5000,        // bei automatischem Scrollen: die Pause zwischen dem Scrollen
//        speed           : 2000,        // die Scroll-Geschwindigkeit
//        circular        : true,        // true = Artikeln "unendlich" weiterscrollen, false = bei Ende wird zurück zum Anfang gescrollt
//        combine         : true,        // true = Artikeln in Gruppen scrollen (wenn mehr Artikel in einer Zeile sind), false = Artikel wird einzeln weitergescrollt
//        classe          : '.productPreview'   // die anzusprechende Classe
    });
});
 

ganz unten einfügen

und an beliebiger stelle im template

Code: PHP  [Auswählen]

        <div id="product111">
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
                <div class="productPreview2">test</div>
        </div>

das einfügen oder denke ich etwas falsch den das funktioniert leider nicht

[web0null]

Ja du denkst da etwas falsch.
Laut deinem Beispiel muss es so sein:

Code: Javascript  [Auswählen]

$(document).ready(function(){
    $('#new_products_default').articleSlider();
    $('#product111').articleSlider({
      classe : '.productPreview2'
    });
});
 

Wenn das aussehen aber gleich ist, wie bei den new_products_default kannst du aber auch die gleiche class verwenden wie bei den new_products_default (<div class="productPreview">test</div>) , dann brauchst du nur:

Code: Javascript  [Auswählen]

$(document).ready(function(){
    $('#new_products_default').articleSlider();
    $('#product111').articleSlider();
});
 

oder noch kürzer:

Code: Javascript  [Auswählen]

$(document).ready(function(){
    $('#new_products_default, #product111').articleSlider();
});