CSS Galerie Premium

Dokumentation der Funktionen

Templatevarianten


Besonderheit
 Sie haben die Möglichkeit, im Template Verzeichnis des Plugins das Verzeichnis "custom" anzulegen, dann können Sie die Dateien aus dem B4 Verzeichnis in dieses Verzeichnis kopieren und modifizieren. Es ist erforderlich das Sie "alle" Dateien aus dem B4 Verzeichnis kopieren.

Danach sehen Sie in der Konfiguration die Möglichkeit, in dieses Verzeichnis zu wechseln.


Dieses Verzeichnis wird bei einem Update nicht überschrieben und ist somit updatesicher, sollte aber nach jedem Update auf Funktionssicherheit geprüft werden.



Voreingestellte Selektoren

Sie haben die Möglichkeit, über diese Auswahl, die für das jeweilige Template vordefinierten, Selektoren sowie Positionen einzustellen.

Bitte verwenden Sie, wenn Sie im Bereich HTML / CSS / JavaScript keine weiterführenden Kenntnisse haben, die Voreingestellten Selektoren.

Wenn diese bei Ihnen keine Auswirkungen haben, setzen Sie sich bitte mit mir in Verbindung. 


Position und Selektor Angabe für den Bilder Slider

Dieser Selektor sowie die Einfüge Methode ersetzt die Galerie der Produktseite.

Position und Selektor Angabe für die Thumbnails

Dieser Selektor sowie die Einfüge Methode ersetzt die Thumbnails unter der Produktgalerie der Produktseite.

Konfiguration der Galerie

Über diese Einstellungen regeln Sie das Aussehen der Galerie auf der Produktseite, diese Einstellung betrifft die Pfeile sowie die Anzeige der Thumbnails.

Folgende Einstellungen können Sie hier durchführen:

Darstellung der Thumbnails:

  • Art des Rahmens über ein Auswahlfeld

  • Farbe des Rahmens inaktiv & Farbe des Rahmens aktiv
    Sie können hier vier Werte als hex oder auch RGB angeben.
    Beispiel: #f90000 #00f900 #f90000 #00f900 oder auch nur #f90000 für alle Seiten einheitlich.
  • Breite des Rahmens
    Sie können hier für jede Seite einen eigenen Wert oder auch einen Wert für alle 4 Seiten eingeben.
    Es sind alle Einheiten wie z.B.: em, px oder auch % möglich.
    Beispiel: 
    1px 2px 1px 2px oder 2px für alle Seiten 
  • Abgerundete Ecken
    Sie können hier für jede Seite einen eigenen Wert oder auch einen Wert für alle 4 Seiten eingeben.
    Es sind alle Einheiten wie z.B.: em, px oder auch % möglich.
    Beispiel: 1px 2px 1px 2px oder 2px für alle Seiten


Darstellung der Thumbnail und Galerie Pfeile:

  • Farbe der Pfeile für die Galerie und Thumbnails getrennt als Standard & Hover
     
    Sie können hier vier Werte als hex oder auch RGB angeben.
    Beispiel: #00f900

  • Hintergrundfarbe der Pfeile für die Galerie und Thumbnails getrennt als Standard & Hover
     
    Sie können hier vier Werte als hex oder auch RGB angeben.
    Beispiel: #00f900 oder auch transparent, wenn Sie keine Farbe wünschen.

  • Transparenz der Pfeile
     
    Sie haben die Möglichkeit, den Hintergrund der Pfeile so darzustellen, das, z.B.: das Galeriebild noch zu sehen ist. Die Einstellbaren Werte gehen von 0-1, wobei 1 undurchsichtig ist. Der Wert 0.5 wäre dann eine halbe Transparenz.


Die Pfeile der Galerie sind in der Regel ausgeblendet und erscheinen erst, wenn der Mauszeiger sich über dem Galeriebild befindet

Konfiguration der lightGallery

Über diese Einstellung haben Sie die Möglichkeit, den Slide Effekt sowie seine Geschwindigkeit und das zu verwendende Produktbild anzugeben. Die lightGallery bietet eine Vielzahl von verschiedenen Slide Effekten.

Zusätzlichen können Sie die einzelnen zusätzlichen Funktionen wie Download, Share, Zoom und Rotation für den User, je nach Bedarf aktivieren oder deaktivieren.

Stellen Sie bei der Option Zoom ein, dass Sie die Originalgröße verwenden werden soll, dann greift die Galerie auf das Produktbild zu, welches über die WAWI hochgeladen wurde (unveränderte Größe), dies lohnt sich insbesondere, wenn es beim Produktbild auf kleinste Details ankommt.

War dieser Artikel hilfreich?

Das ist großartig!

Vielen Dank für das Feedback

Leider konnten wir nicht helfen

Vielen Dank für das Feedback

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren