PageFlip PDF Plugin Vorstellung

  • Joomla Version
    4.x.x
    PHP Version
    PHP 8.1.x
    Hoster
    -
    Link (URL) zur Seite mit dem Problem
    -

    Liebe ForenmitgliederInnen

    Ich habe nun mein Plugin für die Erweiterung für das ST-Paglflip fertig. Es handelt sich dabei um einen blätter effekt, wie es häufig im Netz zu finden ist.

    Da Problem: meist sind dies Abo Modelle und sind nur begrenzt frei nutzbar.

    Dankenderweise gibt es eine Pageflip libary, welche einen ansehnlichen Blätter Effekt nutzt. Leider ist das ganze ohne jeglichen Buttons, Slider, zoom-effekten usw.
    Daher habe ich ein "Plugin" geschrieben, welches exakt diese Funktionen erweitert und die Implementierung vereinfacht.
    Man kann nun sämtliche Zusatzoptionen, wie Kontrollleiste, Inline-Buttons, Fullscreen, Zoom usw. nutzen

    Aufgrund meiner steigenden Neugier, Plugins zu schreiben, habe ich nun versucht das ganze in ein Plugin zu verpacken.

    Fazit: Plugin installieren, aktivieren, auswählen welche Biliotheken man laden möchte, falls man bereits einiges verwendet und doppletes laden verhindern möchte.

    Im Artikel reicht es dann:

    Code
    [book id="einmalige_wunsch_id" img="verzeichnis-mit-bildern, bspw. Magazin1"]
    unter images/stpageflip/Magazin1 werden nun einfach die Seiten eingefügt (Darstellung erfolgt alphabetisch, Nummer aufsteigend)

    das Ergebnis


    Das Plugin gibt es hier zum Herunterladen:

    GitHub - Jumbo125/pageflip-plugin-joomla
    Contribute to Jumbo125/pageflip-plugin-joomla development by creating an account on GitHub.
    github.com


    Danke
    Lg Jumbo

  • das ganze plugin und pageflip ist ein JS, welches ganz unabhängig von dem joomla framework läuft. Also läuft es auf jedem Joomla Core.

    Das einzige was joomla frameworkseitig gemacht wird, ist das ersetzten von [book attribute] zu <div attribute> und das laden der js.

    Daher denke ich, dass es auch auf joomla 5 laufen sollte. werde das aber noch testen

  • Die Frage von Stef bezog sich auf den Code des Plugins: Folgt es die Code-Struktur von Joomla 5? Braucht man das Kompatibilitätsplugin, um es in Joomla 5 laufen zu lassen?

    bin ein plugin neuling, aber es ollte funktionieren. ich verwende keione alten klassen wie JPlugin, JFactory


    bezüglich Programmierung:
    gibt es ein empfohlenes forum bzw einen empfohlenen Bereich hier im Forum, wo man sich mit Programmierungsfragen melden kann?

    Danke
    LG Jumbo

  • Habe es auf einer J5 ohne Kompatibilitätsplugin installiert.

    Neue Ordner angelegt: images/stpageflip/book1/
    Die PDFs 1.pdf, 2.pdf, 3.pdf, 4.pdf im book1 Ordner eingefügt.

    Im Beitrag folgender Code eingefügt:

    [book id="demo-book" pdf="book1" color="#004080" hover="#0099ff" width="responsive" din_format="A4"]


    Leider wird nichts geladen, Plugin ist aktiviert.

    Wenn ich mit F12 schaue, ist aber Folgendes zu sehen:

  • Stef

    danke für deine Mithilfe!

    okay, es wird alles korrekt initialisiert
    was mich noch etwas stutzig macht:
    https://localhost/native/images/stpageflip/book1/

    https... nutzt du wirklich https auf deinem localenserver, oder ist das ein script fehler von mir und es sollte local http sein?
    habe es nämlich nur online auf ssl server getestet.

    Hm... um den fehler zu finden, müsste ich ein paar debugging options einfügen. damit es für dich aber nicht zu umständlich word, würde ich einen debug modus dazu prgroammieren. wenn der im plugin aktiviert ist, sollen in der console fortschritte angezeigt werden. passt das für dich?

    ich denke es wäre sehr unverschämt wenn ich schreibe: ändere bitte ... in datei... usw.
    darf ich mir wieder melden?

  • Ja, habe https, benutze lokal Laragon.

    Mit der Debugging-Option könnte ich es versuchen, mal schauen.

  • 1. habe nun einen debug modus hinzugefügt, der einiges an infos in der console ausgibt

    2. die bilder sollten im css (background-url) eingefügt werden. Hier habe ich absolute pfade verwendet. also https://.....
    falls man aber den zugriff über vollen pfad verweigert, werden natürlich keine bilder angezeigt. daher werden nun relative pfade verwendet.

    wäre interessant, wenn man auf eine seite mit rechts klickt und untersuchen/inspect, ob dort das bild angezeigt wird

  • danke für deine Hilfe!
    ich hba nun nochmals was ergänzt und hochgeladen.

    Falls es deine zeit zulässt, kannst du dann schauen, ob:

    1. im DOM die zwei inputs erstellt werden


    2. beim plugin debug aktivieren und mir den output aus der konsole rein kopieren:

  • Puh...

    also wenn das input tag nicht erstellt wird, findest das plugin den bilder ordner nicht...

    ich habe jetzt nochmal einiges ergänzt

    wenn der debug modus nun aktiv ist, sollte direkt unterhalb des buches eine auflistung sein, was an korrekt und falsch läuft.

    falls du noch zeit und lust hast, wäre es natürlich super, wenn du nochmals das plugin runterladen könntest, und neu installierst. bin nuegierig, was dann unterhalb alles steht.


    danke dir!

  • wenn der debug modus nun aktiv ist, sollte direkt unterhalb des buches eine auflistung sein, was an korrekt und falsch läuft.

    Die Auflistung springt nur sehr kurz auf und bleibt nicht sichtbar.

    EDIT: ich habe ganz vergessen webp bilder zu integrieren. vielleicht konnte das plugin deswegen bei dir nichts finden.

    habe es ergänzt
    ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'JPG']

    Ich teste mit pdf.