"Touch-Slide" für maximierte Bilder auf Produktdetailseite aktivieren

Shopware 6 (German)
1

Moin,

bin ich mit einem Mobilgerät auf einer Shopware 6 Produktdetailseite unterwegs, kann ich durch die Produktbilder „touch-sliden“ oder die Navigationspfeile links und rechts benutzen. „Klicke/Tippe“ ich auf ein Bild um es größer zu machen, kann ich nur noch über die Navigationspfeile zum nächsten/vorherigen Bild und der „touch-slide“ funktioniert nicht mehr.

Kann ich den „touch-slide“ auch für die maximierte Ansicht aktivieren?
In den Optionen in der „cms-element-image-gallery.html.twig“ finde ich leider nichts.

Gruß,
Schmidt

1 Like
2

Dieses Problem habe ich auch. Hast Du vielleicht eine Lösung dafür gefunden? Falls ja, wäre dankbar, wenn Du sie uns mitteilen könntest?

3

Hallo,
ich habe das Problem gelöst. Shopware 6 verwendet zum Slidern von Bildern den ( Tiny Slider library) GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.. Und in der File cms-element-image-gallery.html.twig füge der slider-Array diese Variable(mouseDrag: true),:

{% set gallerySliderOptions = {
slider: {
navPosition: ‚bottom‘,
speed: 500,
gutter: gutter ? gutter : 0,
controls: navigationArrows ? false : false,
autoHeight: false,
startIndex: startIndexThumbnails ? startIndexThumbnails : null,
mouseDrag: true, // diese meine ich,
}

and it works like a charm.