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: mail@jonathan-heilmann.de

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

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