ALLES ÜBER jh_photoswipe UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

jh_photoswipe

TYPO3 CMS Erweiterung "jh_photoswipe".

Erweiterungsschlüssel: jh_photoswipe

Version: 0.2.1

Sprache: de

Beschreibung: Fügt die wunderbare PhotoSwipe photoswipe.com JavaScript-Galerie als Plugin zu TYPO3 CMS hinzu.

Schlüsselwörter: galerie, Fotowischer, Leuchtkasten

Urheberrecht: 2014-2018

Autor: Jonathan Heilmann

E-Mail:

Führerschein: Dieses Dokument wird unter der Open Publication License veröffentlicht, die unter opencontent.org/openpub/ erhältlich ist

Der Inhalt dieses Dokuments bezieht sich auf TYPO3, ein GNU/GPL CMS/Framework, das unter www.typo3.org. verfügbar ist.

Verwaltung

Installation

  1. Gehen Sie zum Extension Manager
  2. Installieren Sie die Erweiterung
  3. Fügen Sie die statische Vorlage "PhotoSwipe (jh_photoswipe)" ein.
  4. Bei Bedarf Erweiterung konfigurieren (siehe Abschnitt unten)

Konfiguration

PhotoSwipe wird per JavaScript in einer Vorlage konfiguriert. Wenn Sie die Standardkonfiguration ändern möchten, bitte kopieren Sie die Vorlage an einen anderen Ort und aktualisieren Sie den "Pfad zum Vorlagenstamm" im Constant Editor.

Standardmäßig enthält diese Erweiterung eine stabile Version von PhotoSwipe. Wenn Sie auf eine neuere, ältere oder modifizierte Version von PhotoSwipe, verwenden Sie bitte den Constant Editor, um Pfade zu überschreiben.

Weitere Einstellungen wurden im TypoScript-Setup übernommen:

    plugin.tx_jhphotoswipe {
        einstellungen {
            breite = {$styles.content.imgtext.linkWrap.width}
            renderMsrc = 1
            msrcBreite = 265m
            photoswipeOptionen = TEXT
            photoswipeOptions.value (
                galleryUID: {field:uid}
            )
            photoswipeOptions.stdWrap.insertData = 1

            dateien {
                photoswipeUiJs = {$plugin.tx_jhphotoswipe.includePhotoswipeUiJs}
                photoswipeJs = {$plugin.tx_jhphotoswipe.includePhotoswipeJs}
                openGalleryJs = {$plugin.tx_jhphotoswipe.includeOpenGalleryJs}

                photoswipeCss = {$plugin.tx_jhphotoswipe.includePhotoswipeCss}}
                photoswipeDefaultskin = {$plugin.tx_jhphotoswipe.includePhotoswipeDefaultskin}
            }
        }
    }
    page.footerData {
        8410 = FLUIDVORLAGE
        8410 {
            datei = {$plugin.tx_jhphphotoswipe.view.template.templateRootPath}pswpLayout.min.html
        }
    }

    plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE (
        .cursor-pointer:hover {
            cursor: Zeiger;
        }
    )

Benutzer

Fügen Sie Ihrer Website ein PhotoSwipe-Inhaltselement hinzu:

  1. Erstellen Sie ein neues Inhaltselement vom Typ "Plugin".
  2. Plugin "PhotoSwipe" auswählen
  3. Wählen Sie den Modus "Einzelne Miniaturansicht" oder "Mehrfach-Miniaturansicht".
  4. Bilder hinzufügen und Galerie konfigurieren
  5. Speichern

Hinweis

Im Multi-Thumbnail-Modus werden nicht alle Galeriekonfigurationen innerhalb der ausgelieferten bootstrap_package-Vorlage berücksichtigt. Eine Lösung ist für die Version 0.3.0 geplant (https://github.com/jonathanheilmann/ext-jh_photoswipe/issues/24).

Nicht respektierte Galeriekonfigurationen:

  • Position (preview_orient)
  • Keine Zeilen (image_noRows)
  • Imageborder (Bildrahmen)
  • Position bei Bildunterschrift (imagecaption_position) (Lösung siehe nächster Abschnitt)

Anleitung

Position der Beschriftung an die Unterseite anpassen

Fügen Sie diese Zeilen zu Ihrem Vorlagen-Setup hinzu:

    plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE >
    plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE (
        bildunterschrift {
            beschriftungsseite: unten;
        }
        .cursor-pointer:hover {
            cursor: Zeiger;
        }

    )

Entwickler

Signalschlitze

Name der SignalklasseSignalnameBefindet sich in der MethodeÜbergebene ArgumenteBeschreibung
Heilmann\JhPhotoschieber\Steuerung\Pi1SteuerungafterShowAktionshowAction()&$viewAssign, $thisSlot wird aufgerufen, bevor $viewAssign über $this->view->multiAssign() der View zugewiesen wird und damit die Aktion beendet ist
Heilmann\JhPhotoschieber\Steuerung\Pi1Steuerungnach der mehrfachen Miniaturbild-AktionmultiThumbnailAction()&$viewAssign, $thisSlot wird aufgerufen, bevor $viewAssign über $this->view->multiAssign() der View zugewiesen wird und damit die Aktion beendet ist

Bekannte Probleme

Um zu überprüfen, ob es bekannte Probleme oder geplante Funktionen gibt, besuchen Sie bitte github.com/jonathanheilmann/ext-jh_photoswipe/issues

Sie können gerne Probleme melden und auch Verbesserungen/Features vorschlagen.

Änderungen aufheben

0.1.0

Vorlage

Die Struktur der gesamten Vorlage wurde geändert, um eine bessere Flexibilität zu erreichen und Bruchänderungen in späteren Versionen zu minimieren. Bitte überprüfen Sie die Dateien unter Ressourcen/Private/.

Die Version 0.1.0 unterstützt die Frontend-Themenerweiterungen "bootstap_package" und "css_styled_content". Um eine Möglichkeit zu bieten, benutzerdefinierte Frontend-Themenerweiterungen zu verwenden, wird ein Fallback zu partiellem "Custom.html" verwendet. Die standardmäßigen benutzerdefinierten Vorlagen zeigen eine Warnung an. Um dies zu lösen, überschreiben Sie den Teilpfad im ConstantEditor und fügen Sie die Datei "Show/Custom.html" für den Einzelthumbnail-Modus und/oder die Datei "MultiThumbnail/Custom.html" für den Mehrfachthumbnail-Modus hinzu.

Ressourcen

Vor der Version 0.1.0 wurden alle Javascript- und CSS-Dateien in jede Seite aufgenommen. Seit der Version 0.1.0 werden Ressourcen bei Bedarf auf Seiten eingebunden. Dies sollte die Leistung Ihrer Website verbessern.

ChangeLog

0.2.1

  • [BUG] #33 css_styled_content: Galerie zeigt Code

0.2.0

  • [VERBESSERUNG] #28 Neue Zeilen aus dem Titel in PSItemViewHelper entfernen
  • #29 Korrigierte README.md Überschriften
  • [TASK] #31 TYPO3 8 LTS Unterstützung hinzufügen und TYPO3 6 LTS Unterstützung einstellen
  • [TASK] #30 composer Unterstützung hinzufügen
  • [TASK] Copyright aktualisieren
  • [TASK] Beispiel TCA-Konfiguration hinzufügen

0.1.0

  • [FEATURE] #16 Hinzufügen des Multi-Thumbnail-Modus
  • #15 JavaScript in die Fußzeile verschieben
  • [VERBESSERUNG] #17 Mehrsprachige Unterstützung hinzufügen
  • [ENHANCEMENT] #18 Verbessern Sie das Laden, wenn CSS und JavaScript
  • [VERÄNDERUNG] #20 CE-Assistent hinzufügen
  • [VERÄNDERUNG] #22 Signale im Controller hinzufügen
  • [BUGFIX] #21 Schwerwiegender Fehler in TYPO3 CMS 6.2
  • [TASK] #25 Update Copyright auf das Jahr 2017

0.0.3

  • [AUFGABE] #12 Vorlage verwendenRootPaths verwenden
  • [TASK] #11 ExtensionBuilder-Dateien entfernen
  • [AUFGABE] #10 Update Fotowischen
  • [TASK] #8 Nicht verwendete TCA-Felder entfernen
  • [VERBESSERUNG] #1 Dokumentation hinzufügen

0.0.2

  • [TASK] #3 TYPO3 CMS 7 LTS-Kompatibilität
  • [TASK] #4 Aktualisierung des Urheberrechtsjahres auf 2016
  • [TASK] #5 Implementierung des PSR-2-Standards

0.0.1

  • Erste Freigabe der Erweiterung

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:JH_PHOTOSWIPE ist auf

0.52 % aller TYPO3 installiert.

  • 0.37 % aller TYPO3 8.7.x Installationen installiert
  • 0.59 % aller TYPO3 7.6.x Installationen installiert
  • 25 % aller TYPO3 7.2.x Installationen installiert
  • 0.15 % aller TYPO3 6.2.x Installationen installiert
  • 0.12 % aller TYPO3 6.1.x Installationen installiert
  • 0.45 % aller TYPO3 4.7.x Installationen installiert
  • 0.81 % aller TYPO3 4.5.x Installationen installiert
  • 0.72 % aller TYPO3 4.4.x Installationen installiert
  • 2.07 % aller TYPO3 4.3.x Installationen installiert
  • 0.85 % aller TYPO3 4.2.x Installationen installiert
  • 2.54 % aller TYPO3 4.1.x Installationen installiert

Aktualität:JH_PHOTOSWIPE ist auf dem neusten Stand (v.0.2.1) bei

8.33 % aller TYPO3 Installationen

  • 0 % aller TYPO3 9.5.x Installationen
  • 0 % aller TYPO3 9.3.x Installationen
  • 0 % aller TYPO3 9.2.x Installationen
  • 0.15 % aller TYPO3 8.7.x Installationen
  • 0.16 % aller TYPO3 7.6.x Installationen
  • 0 % aller TYPO3 7.5.x Installationen
  • 0 % aller TYPO3 7.4.x Installationen
  • 0 % aller TYPO3 7.3.x Installationen
  • 0 % aller TYPO3 7.2.x Installationen
  • 0 % aller TYPO3 7.1.x Installationen
  • 0 % aller TYPO3 7.0.x Installationen
  • 0 % aller TYPO3 6.2.x Installationen
  • 0 % aller TYPO3 6.1.x Installationen
  • 0 % aller TYPO3 6.0.x Installationen
  • 0 % aller TYPO3 5.0.x Installationen
  • 0 % aller TYPO3 4.7.x Installationen
  • 0 % aller TYPO3 4.6.x Installationen
  • 0 % aller TYPO3 4.5.x Installationen
  • 0 % aller TYPO3 4.4.x Installationen
  • 0 % aller TYPO3 4.3.x Installationen
  • 0 % aller TYPO3 4.2.x Installationen
  • 0 % aller TYPO3 4.1.x Installationen
  • 0 % aller TYPO3 4.0.x Installationen
  • 0 % aller TYPO3 3.5.x Installationen

JH_PHOTOSWIPE Version:Verteilung nach installierten Versionen

  • 80 % JH_PHOTOSWIPE v.0.2.1
  • 20 % JH_PHOTOSWIPE v.0.2.0

PHP Version:JH_PHOTOSWIPE wird benutzt mit

  • 2.41 % PHP/7.1
  • 2.41 % PHP/7.0
  • 14.46 % PHP/5.6
  • 7.23 % PHP/5.5
  • 9.64 % PHP/5.4
  • 37.35 % PHP/5.3
  • 25.3 % PHP/5.2
  • 1.2 % PHP/4.4

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen JH_PHOTOSWIPE zu

  • 16 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 6 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 15 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 62 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen JH_PHOTOSWIPE zu

  • 27 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 44 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 13 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 8 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 12 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=36680 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.