Hallo ihr Lieben,
hat zufällig jemand "Ähnliche Produkte" als Slider umgesetzt und kann mir einen Tipp geben, wie das funktionert?
Hallo ihr Lieben,
hat zufällig jemand "Ähnliche Produkte" als Slider umgesetzt und kann mir einen Tipp geben, wie das funktionert?
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.
Kurzform:
- .mod_iso_productlist mit Slider-Markup anreichern
Bei mir schaut das beispielsweise so aus:
PHP-Code:
<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>
Geändert von lucina (29.03.2022 um 13:54 Uhr) Grund: Formatierung
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
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.
Im konkreten Fall habe ich den hier eingebunden: https://glidejs.com/
Und dann einfach
Code:<script src="<yourpath>/glide.min.js"></script> <script> new Glide('.glide').mount() </script>
Geändert von lucina (29.03.2022 um 09:38 Uhr)
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen