Produktdatenblatt
Das Foto ist das Einzige, was Ihr Kunde nicht berühren kann.
Die mit Ihrem Theme mitgelieferte Galerie ist für den gesamten Katalog identisch: ein Bild, winzige Vorschaubilder und eine Zoomfunktion, die das Foto mit weißen Rändern anzeigt. RKR Product Gallery bietet stattdessen sechs verschiedene Stile, sodass Sie für jedes Produkt den passenden auswählen können. Zusätzlich wird eine Ansicht hinzugefügt, die das vollständige Originalbild anzeigt.
6 Stile
Großes Bild mit Miniaturansichtsleiste, seitlichen Miniaturansichten, Bento-Ansicht, vertikalem Mosaik, Peek-a-Boo-Karussell und Vollbild-Stories.
2 Bildschirme
Die Darstellung auf Desktop- und Mobilgeräten hat unterschiedliche Einstellungen. Die Erkennung erfolgt serverseitig, sodass der HTML-Code bereits korrekt ist und kein erneutes Zeichnen die Performance beeinträchtigen würde.
0 Codezeilen
Ändern Sie weder das Theme noch die Kernel-Dateien oder Überschreibungen. Und falls etwas schiefgeht, ist das kein Problem: Es wird eine leere Funktion zurückgegeben, und Ihr Theme zeigt die Galerie wie gewohnt an.
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.
