Ähnliche Produkte als Slider

[rike]

Hallo ihr Lieben,

hat zufällig jemand "Ähnliche Produkte" als Slider umgesetzt und kann mir einen Tipp geben, wie das funktionert?

[Ripperz]

Das würde mich auch interessieren. Das wäre eigentlich bei sämtlichen Produktlisten wünschenswert. Das wäre auf jeden Fall ein Mehrwert für Isotope, da eigentlich jeder Online Shop einen Slider mit Produkten hat.

[lucina]

Kurzform:

• .mod_iso_productlist mit Slider-Markup anreichern

Bei mir schaut das beispielsweise so aus:

<div class="product_list row ">
   <div class="container">
    <div class="glide">
        <div class="glide__track" data-glide-el="track">
            <ul class="glide__slides ">
                <?php foreach ($this->products as $product): ?>
                    <li<?php echo $product['cssID']; ?> class="<?php echo $product['class']; ?> glide__slide pl-5 pr-5">
                        <?php echo $product['html']; ?>
                    </li>
                <?php endforeach; ?>
            </ul>
            <div class="glide__arrows" data-glide-el="controls" style="position: relative; bottom: 0;margin-bottom: 2rem;">
                        <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><</button>
                        <button class="glide__arrow glide__arrow--right" data-glide-dir=">">></button>
            </div>
        </div>
    </div>
   </div>
</div>

[Ripperz]

Hallo @luciana,
muss man irgendwie noch ein Script installieren für den Slider? Ich habe das js_slider aktiviert und den Code von dir eingebunden.
Nur slidet bei mir nichts wenn ich auf die Pfeile klicke.

[lucina]

Im konkreten Fall habe ich den hier eingebunden: https://glidejs.com/

Und dann einfach

<script src="<yourpath>/glide.min.js"></script>

<script>
  new Glide('.glide').mount()
</script>