Trouble with migrating to Joomla 4

[groundhog]

Dear all,

I have an 80-year old neighbor who has a simple Joomla website about his painting and art projects which is very dear to him. His friend who maintained the website died some years ago, so it was totally outdated and obsolete in many aspects. The provider made PHP 8 mandatory so that seemed the end of it. Despite having only a passing knowledge of web development, I took a look at it (there's nobody else really), made the main components functional again and updated Phoca gallery and guestbook and some other components. I'm now trying to update to Joomla 4 to make the website fit for another maybe five years of active usage, taking the advanced age of its proprietor into account.

I've gotten pretty far with it, updating the template, removing obsolete PHP coding conventions etc., but now I'm stumped. Most of the website is functional, but some template stylings relating to Phoca Gallery don't work. The gallery thumbnails and the top menu styling isn't correct, and the side menu is missing.

Compare Joomla 3: http://plonske.com/index.php/arbeiten/malerei/1950-59
and Joomla 4: http://joomla4.plonske.com/index.php/ar ... ei/1950-59

All the template styles and overrides seem to be there. Any pointers to where I could go looking? There could be legacy code that doesn't work with modern versions of Joomla, Phoca Gallery or PHP anymore, but how to find it?

I can provide any details, sources etc. necessary. I'm willing to troubleshoot and read up on any documentation, but I don't know where and what to look for right now. Any input is highly appreciated.

Thanks very much in advance!

Best greetings

[christine]

Hallo,

I've gotten pretty far with it, updating the template, removing obsolete PHP coding conventions etc., but now I'm stumped. Most of the website is functional, but some template stylings relating to Phoca Gallery don't work. The gallery thumbnails and the top menu styling isn't correct, and the side menu is missing.

Wir können hier Deutsch sprechen Muss zugeben, nicht so einfach, das alles "schnell" lösen zu können.
Daher schreibe ich in Moment nur einige Sachen auf, die mir aufgefallen sind. In Punkten, ev. Antwort(en) dazu, dann leichter.

1) - J4 Seite dürfte auf J 4.4.1 sein. Aktuell = J 4.4.8 bzw. heute kommt die J 4.4.9
- Template selbst kenne ich nicht. J3 Seite sieht man auch alte mootools etc.

2) - Phocagallery, gibt es: Styles (Stile) > bitte dort nur einen aktivieren.
also entweder: theme_standard.css oder theme_simple.css



3) - Glaube wird auch PG Plugin verwendet = dieses aktuell?

4) Bei J3 Seite Side menu = aktiviert: div#menu-right
5) Bei J4 Seite ist alles in einem div#wrapper.

6) Würde daher folgendes vorschlagen:
a) Punkt 1) machen.

b) auf Standard Template Cassiopeia umschalten.
Da muss man dann natürlich ev. auch Positionen etc. ändern.

Infos: https://cassiopeia.joomla.com/help

7) Farbanpassungen z.B. Hintergrund in schwarz etc. gibt man dann in eine zuvor erstellte: user.css.
Kann man dann nach den erfolgten Punkten 1-6 machen.

Liebe Grüße
Christine

[groundhog]

Hey Christine, vielen Dank für deine Hilfe!

Wir können hier Deutsch sprechen :-) Muss zugeben, nicht so einfach, das alles "schnell" lösen zu können.

Muss nicht schnell sein :) ich hab Zeit und bin auch total gern bereit, mich einzulesen und How-tos zu folgen, brauche "nur" ein paar Tipps, in welche Richtung ich schauen soll. Deine Hinweise sind da schon super hilfreich.

1) - J4 Seite dürfte auf J 4.4.1 sein. Aktuell = J 4.4.8 bzw. heute kommt die J 4.4.9
- Template selbst kenne ich nicht. J3 Seite sieht man auch alte mootools etc.

Hab grad auf J 4.4.9 geupdated.
Das Template ist auf jeden Fall custom made für die Seite. Da scheinen so einige Personen dran gewerkelt zu haben, bis es jetzt bei mir gelandet ist. Ich hab auch auf dem Server Reste einer bereits versuchten Migration auf J4 gefunden, also bin ich nicht der erste, der sich daran die Zähne ausbeißt. Der 80-jährige Nachbar weiß natürlich nicht wirklich was, ich war schon begeistert, dass er alle Zugänge und Passwörter hatte.

2) - Phocagallery, gibt es: Styles (Stile) > bitte dort nur einen aktivieren.
also entweder: theme_standard.css oder theme_simple.css

Theme_standard und theme_simple waren beide aktiviert, ich hab jetzt theme_simple deaktiviert.

3) - Glaube wird auch PG Plugin verwendet = dieses aktuell?

Wozu es verwendet wird, verstehe ich nicht, aber es ist installiert und aktiviert und aktuell (4.5.4).

4) Bei J3 Seite Side menu = aktiviert: div#menu-right
5) Bei J4 Seite ist alles in einem div#wrapper.

Was könnte ich hier tun, um es anzugleichen?

6) Würde daher folgendes vorschlagen:
a) Punkt 1) machen.

b) auf Standard Template Cassiopeia umschalten.
Da muss man dann natürlich ev. auch Positionen etc. ändern.

Infos: https://cassiopeia.joomla.com/help

7) Farbanpassungen z.B. Hintergrund in schwarz etc. gibt man dann in eine zuvor erstellte: user.css.
Kann man dann nach den erfolgten Punkten 1-6 machen.

Wenn ich auf Cassiopeia umschalte, bleibt von der Website nicht viel übrig: http://joomla4.plonske.com/index.php

Verstehe ich richtig, dass ich das ursprüngliche Template auf Basis von Cassiopeia sozusagen nachbauen soll? Da wäre ja dann einiges zu tun, Farben/Schriftarten/Menü/Layout/Galerien und so weiter.

Liebe Grüße und nochmals vielen Dank!

[christine]

Hi,
weiß gar nicht, wo ich anfangen soll

Punkte 1) und 2) hast Du gemacht. Prima.

3) - Glaube wird auch PG Plugin verwendet = dieses aktuell?

Wozu es verwendet wird, verstehe ich nicht, aber es ist installiert und aktiviert und aktuell (4.5.4).

Das Plugin dient(e) dazu, Bilder in einem Article zu setzen. Lassen wir einstweilen. Es ist in Moment too much sonst.

4) Bei J3 Seite Side menu = aktiviert: div#menu-right
5) Bei J4 Seite ist alles in einem div#wrapper.

Was könnte ich hier tun, um es anzugleichen?

Gar nicht in Moment. Es ist ein altes Modul von der Schmiede:
https://rockettheme.com/docs/joomla/ext ... roknavmenu
Wohl nicht J4/J5 geeignet.

Da würde mir ev. was anderes dazu einfallen. Ev. dazu später.

Wenn ich auf Cassiopeia umschalte, bleibt von der Website nicht viel übrig: http://joomla4.plonske.com/index.php

Ja, sieht ziemlich einsam aus.

Verstehe ich richtig, dass ich das ursprüngliche Template auf Basis von Cassiopeia sozusagen nachbauen soll? Da wäre ja dann einiges zu tun, Farben/Schriftarten/Menü/Layout/Galerien und so weiter.

Nun ja, Tatsache ist nun mal, dass das verwendete Template J3/J4 veraltet ist usw.
Und ja, es ist natürlich Arbeit, auf Cassiopeia es umzubauen. Farben & Co. kann man zum Schluss machen.
Wie oben irgendwo erwähnt, in einer zuvor angelegten user.css.

Daher meine "Hauptidee" wäre (bevor wir Kosmetik machen) muss eine STRUKTUR rein.
Bei der (zurzeit) einsamen Cassiopeia Seite fehlen ja (auch) die oberen Menüs.
Position wäre: menu > siehe dazu den oberen Link voriges Post (Help)

- Die Menüs bzw. Stil dem Cassiopeia zuordnen. (Glaube, Du hast derzeit nur Phoca aktiviert).
Nee, ich sehe, dass diese zurzeit sichtbaren Bilder nicht mit Phoca eingesetzt wurden.

- Du brauchst ein Menü (siehe unteres Beispiel).
- Menüeintragstyp: Liste der Kategorien (Kategorien Ansicht)

Die Struktur könnte so aussehen. Hier Beispiel von unserem Benno:
https://www.reisefotografien.eu/reisefotografien

- Oben ist ein Menü: Reisefotografien (Untermenüs lassen wir einstweilen).
- als Beispiel nehmen wir: Australien. Das ist eine KATEGORIE.
Unterkategorien davon sind: Australien 2005 - Australien 2008
Könnte bei Dir z.B. heißen: Malerei
Unterkategorie: 1950-59
Unterkategorie: 1960-69
usw. Und darin kämen die jeweilen Bilder.

Das ist jetzt alles nur überschlagsmäßig ......... Bei Optionen in PG mit diversen Kategorien gibt es Einstellungen.
Kurzes Beispiel: Untere Kategorien anzeigen: Ja.
Leere Kategorien anzeigen: Nein.
Da kann dann unser Benno als Meister weiterhelfen.

Das sieht jetzt natürlich nach viel Arbeit aus (ist es auch) ....... denke aber, dass zunächst die Struktur passen soll.
Nochmals hier die Positionen: https://cassiopeia.joomla.com/help

Liebe Grüße
Christine

[Benno]

Hi,
von mir noch ein weiteres Argument für Cassiopeia: Es ist responsiv.
Viele Menschen schauen sich heute Webseiten nicht mehr am PC, sondern am Tablett oder Handy an.
Dann müssen die Ansichten automatisch entsprechend der Bildschirmgrößen angepasst werden, damit das lästige horzontale Scrollen nicht notwendig ist. Und das kann Cassiopeia, dass alte Frontend-Template aber, aller Wahrscheinlichkeit nach, nicht.
Außerdem ist Cassiopeia einigermaßen zukunftssicher. Es ist Standard-Template in Joomla! 5 und z.Z. auch in Joomla! 6.0.0 Alpha1. Das kann sich aber noch ändern, muß es aber nicht...

Freundliche Grüße,
Benno

[groundhog]

Liebe beide,

euer Vorschlag ist im Grunde: da ist nichts mehr zu retten, wirf das alte Template weg und mach ein Redesign auf Basis von Joomla 4/5, korrekt?

Ich hab da große Sympathien für, allerdings hängt der alte Mann natürlich an seinem alten Design, das er damals sehr nahe an seinen gestalterischen Vorgaben hat entwickeln lassen. Also z.B. dieses umlaufende Band, die doppelte Menüführung oben/rechts etc. müssten erhalten bleiben. Das heißt dann vermutlich, dass ich mich in Template-Entwicklung einfuchsen und das ganze auf Cassiopeia-Basis nachentwickeln muss.

Na mal schauen. :) Lieben Dank jedenfalls für eure Hilfe!

[christine]

Hallo,

Also z.B. dieses umlaufende Band, die doppelte Menüführung oben/rechts etc. müssten erhalten bleiben. Das heißt dann vermutlich, dass ich mich in Template-Entwicklung einfuchsen und das ganze auf Cassiopeia-Basis nachentwickeln muss.

a) was meinst Du mit "umlaufendes Band"?
b) doppelte Menüführung: auf der J3 Seite ist es: div#menu-right. In Cassiopeia wäre das Modulposition: sidebar-right.
Oberes Menü- position: menu.

Zurzeit zeigt die J4 Seite eine 401. Switche ganz einfach auf Cassiopeia um, dann können wir schauen, was wir da nachbauen können.
Add. Literatur zu Cassiopeia: https://coolcat-creations.com/blog/pass ... emplate-an

Liebe Grüße
Christine