RKR-Produktgalerie

Zoomen, ohne weiße Ränder

PrestaShop generiert jedes Format mit den exakten Abmessungen des Bildtyps und füllt den überschüssigen Bereich mit Weiß auf. Der Rahmen bleibt im JPEG erhalten: Egal wie stark Sie hineinzoomen, Sie zoomen immer nur in den Rahmen hinein.

Das Modul verwendet das Originalbild ( img/p/ unter Beibehaltung des Seitenverhältnisses und erzeugt eine vergrößerte Kopie in der von Ihnen angegebenen Größe und Qualität. Es vergrößert das Bild selbst, nicht den umgebenden Bereich.

Ein Viewer mit allen Fotos

Beim Öffnen werden alle Produktbilder angezeigt, nicht nur diejenigen, die in die Galerie passen: ein Raster aus Miniaturansichten auf dem Desktop, Punkte auf dem Mobilgerät, Pfeile, Tastatur, Zoomrad, Doppelklick und Pinch-to-Zoom.

Der Stil wählt sich von selbst.

Die Regeln werden von oben nach unten ausgewertet, und die erste, die zutrifft, gewinnt: nach Anzahl der Bilder, nach der dominanten Ausrichtung des Sets, nach der Ausrichtung oder Breite des Covers oder nach Kategorien.

Ein Produkt mit zwei Fotos sollte nicht denselben Stil verwenden wie eines mit vierzehn. Die Priorität ist klar: Der manuell in der Produktbeschreibung festgelegte Stil hat immer Vorrang; falls keiner davon zutrifft, gilt die erste passende Regel; und falls keine zutrifft, wird der Standardstil verwendet.

Entwickelt für Mobilgeräte, mit Daten

Auf den von Baymard analysierten Desktop-Karteikarten verwenden 100 % Miniaturansichten, während dies bei mobilen Versionen nur bei 24 % der Fall ist. Werden anstelle von Miniaturansichten Punkte verwendet, werden Fotos leicht übersehen, und außerdem ist der Punkt ein zu kleines Ziel für den Finger.

Deshalb platziert die empfohlene mobile Ansicht die Liste unterhalb des Fotos, mit einem „3/12“-Zähler und dem letzten Vorschaubild, das teilweise sichtbar ist: ein Zeichen dafür, dass die Liste nicht die gesamte Bildschirmfläche einnimmt. Die Zielmarken werden auf 44 Pixel vergrößert, und die Animation wird reduziert, falls vom System angefordert.

Video in der Galerie

Das Video ist neben den Fotos platziert, nicht unter der Beschreibung, wo kaum jemand nach unten scrollt. Die Folie zeigt ein Foto mit einem Wiedergabe-Button, und der Player lädt erst, wenn dieser angeklickt wird: In einem echten YouTube-Test wurde gemessen, dass vor dem Klicken auf den Button eine Anfrage an einen Drittanbieter gesendet wird, danach jedoch zwanzig .

YouTube lädt die Inhalte von der Domain ohne Cookies, und Vimeo bittet darum, nicht getrackt zu werden. Videos mit Titeln und Vorschaubildern werden als VideoObject in die strukturierten Daten eingefügt.

Ein Assistent, der Ihren Laden im Auge behält

Sieben Schritte, die das Formular nicht ersetzen: Sie können sie nach Belieben öffnen und jederzeit abbrechen. Jeder Schritt prüft den aktuellen Status Ihres Shops – ob die Vorlage im Theme installiert ist, welche Bildformate Sie verwenden und welche Fotos hochgeladen wurden –, erklärt die jeweilige Option und bietet die Möglichkeit, die Empfehlungen mit einem Klick anzuwenden.

Es beinhaltet ein Diagnosepanel, das Ihre Bilder analysiert und Ihnen mitteilt, welche nicht den Anforderungen entsprechen, sowie eine Anleitung mit einer Beispielansicht jedes Stils auf beiden Bildschirmen.

Was gehört zur Standardausstattung?

• ImageGallery Struktur enthält alle Fotos, die tatsächlichen Abmessungen und das als repräsentativ für die Seite gekennzeichnete Titelbild.
• Vorlagenmodus (ohne Neuzeichnen) oder Automatikmodus (ohne Änderung des Designs).
• Optionales automatisches Scrollen, nur auf Mobilgeräten, wenn gewünscht, unter Berücksichtigung von prefers-reduced-motion .
• Ohne jQuery und ohne Drittanbieterbibliotheken im Frontend.
• Benutzerhandbuch für das Backoffice, in Spanisch und Englisch.

Kompatibilität

PrestaShop 1.7.8 bis 9.x, mit PHP 7.4 oder höher. Getestet mit den Themes Hummingbird und Classic.