Beiträge von derkps

Hallo,

ich versuche mich an einer bestehenden J4-Seite um eine mehrsprachige Darstellung (DE, NL) und bin nach diesen (i.w. identischen) Tutorials verfahren.

https://www.joomlart.com/blog/…a-4-step-by-step-tutorial

https://ltheme.com/multilingual-website-in-joomla-4/

Es funzt aber nicht richtig! Deshalb die Fragen:

1. Die Submenüs erscheinen nicht, obwohl sie zugelassen (Anzeige erlaubt) und zugewiesen sind (übergeordneter Eintrag).

Was hat das mit Mehrsprachigkeit zu tun?

2. Ich gehe mal davon aus, dass ich die NL-Menüeinträge und Beiträge, selbst übersetzen muss.

Was bedeutet dann die Sprachzuweisung und Verknüpfung (Komponente Sparchverknüpfung)?

vG

Meine Vorgehensweise gem. Tutorial für diejenigen, die's interessiert:

Ich habe die Sprachen, Plugins und Module konfiguriert und aktiviert.

Für jede Sprache habe ich folgendes eingerichtet:

*mainmenu(DE, NL) neu angelegt

*Kategorie DE, NL (Sprache DE, NL) neu angelegt

*alle Beiträge (Sprache 'alle') kopiert nach Kategorie DE, NL (Sprache DE, NL)

*alle Menüeinträge (Sprache 'alle') kopiert nach mainmenu(DE, NL) mit Sprache DE, NL. 1x Startseite (Flagge DE)

*Template-Standard kopiert nach Template-DE, NL. Menüzuweisung für alle Menüeinträge in mainmenu(DE, NL). 1x Standard gesetzt

*alle Kategorien, Beiträge und Menüeinträge mit der Komponente 'Sparchverknüpfung 'verknüpft.

alles klar,

Danke!

Hallo friren!

Wir sind im J4(3) BE; Komponenten|JCE Editor|Kontrollzentrum, öffnen 'JCE MediaBox'

und scrollen nach unten

Dort markieren wir den relevanten Menüeintrag (mehrfach mittels CTRL); Speichern & Schließen

Wir sind im J4 BE; Dashboard|Beiträge(Module)

Es gibt einen Beitrag(Modul) mit einem Klick-Bild oder Text. Auf dieses setzen wir einen Link:

Im Link-Manger|Link wird die URL des Zielbilds eingetragen; Einfügen; Updaten.

Im Link-Manger|Popups|Typ, wählen wir 'JCE MediaBox-Popups; Updaten.

Vorerst keine weiteren Einstellungen versuchen, bevor überhaupt mal was poppt!

Wenn wir jetzt den Beitrag aufrufen und auf das verlinkte Klick-Bild oder den Text klicken, sollte das Ziel-Bild aufpoppen (oder wie immer du das nennen willst).

Vorübergehend findest du hier ein Beispiel mit Klick auf 'Segelboot'.

vG

Hallo Elwood,

wenn ich den von dir genannten Link, den der Thread-Inhaber #1 wohl sinngemäß meint, öffne und auf dieses Klick-Bild klicke

dann poppt was in WP! Und zwar so, wie in Joomla oben erläutert.

Aber warum reden wir, wenn #1 sich nicht weiter spezifiziert? Wir beide wissen, wie es geht.
Wenn es d.M.n aber von allgemeinem Interesse ist, kann ich mein "HowTo" für die Nachwelt posten. Wo?

vG

Also das, was hier aufpopt, ist im Prinzip das, was hier beschieben ist.
Habe ich selber mal eingebaut.

Die MediaBox muss natürlich installiert, freigegeben und dem Menüeintrag zugewiesen sein.
Die Bedienung der MediaBox habe ich als tricky in Erinnerung; die relevanten Einstellungen sind ganz unten.

Auf das Klick-Bild wird im Link-Manager ein Link auf das Popup-Bild gesetzt.
Im Reiter 'Erweiterung' habe ich erstmal nur die MediaBox ohne weitere Parameter gesetzt, bis überhaupt etwas popt.
Das ist alles. Wichtig: MediaBox muss dem Menüeintrag zugewiesen sein!

vG

Hallo,

die Modultypen aus J3 kenne ich, sie sind auch beschrieben.

Aber welche Bewandtnis hat es mit dem Modultyp card/nocard in J4?

Auf der Position 'sidebar' setzt er einen grauen Rahmen. Und sonst?

vG

Hallo Stef,

danke für die Rückmeldung!

Bei Safari iOS funktioniert es immer.
Bei meinen Windows-Browsern Firefox, Chrome, Edge funktionieniert es immer unterschiedlich.
Mal startet Firefox auf Anhieb und manchmal muss ich erst einen anderen Menüpunkt wählen und dann zurück gehen.
Restart oder Cache löschen hat keine Auswirkung.
Beim nächsten Mal beobachte ich das bei Crome/Edge, obwohl es zuvor noch lief.

Autoplay ist nicht sehr zuverlässig, kann man nicht wirklich verkaufen.

War aber ein netter Versuch ohne Erweiterung zu arbeiten, ich habe es aber wieder heraus genommen.

vG

Hi, ich nochmal!

Diesen interessanten Code habe ich noch gefunden und installiert auf ycsh80.de

Lösungsansatz: Safari wird eine img angeboten. Dann gehts auch ohne 'muted=muted'.

Natürlich kommt es zu Ladezeiten und Autoplay ist im 1. Anlauf manchmal unzuverlässig (cache?).

Unter den Windows-Browsern läuft das Video mit Ton und stoppt am Ende.

Safari selbst bleibt stumm läuft dafür aber in loop, ohne dass das eingestellt ist

Eine Anweisung 'no-loop', 'once' o.ä. finde ich nicht. Safari lädt die Schleife aber aus dem Cache.

<video autoplay="autoplay" playsinline="playsinline" id="video-tag" style="width: 100%; height: auto;"><source src="images/stories/wellen2.mp4" type="video/mp4" /></video>
<img src="images/stories/wellen2.mp4" alt="" id="img-tag" style="width: 100%; height: auto;" />

<script type="text/javascript">
//Safari antwortet nur auf "Safari" nicht aber auf "Chrome"
//Chrome antwortet auf "Safari" UND auf "Chrome"
//Mit "Safri" wird 'video-tag' gesperrt (display= "none") und stattdessen 'img-tag' abgespielt (loop)
function BrowserDetection() {
if (navigator.userAgent.indexOf("Safari") >= 0 && navigator.userAgent.indexOf("Chrome") < 0) {
document.getElementById('video-tag').style.display= "none";
} else {
document.getElementById('img-tag').style.display= "none"; }
}
BrowserDetection();
</script>

Es wäre nett, wenn ich Rückmeldungen zu anderen Browsern als Windows Firefox, Chrome oder Edge bekommen könnte.
Z.B. Opera, Android und Mac.

vG

Ja, im Link zu #2 steht viel drin. Wichtig:

Zitat

I"gnores the autoplay attribute by default,.."

Obwohl ich das am Gerät ausdrücklich erlaubt habe! Apple hat - so ist zu lesen - die Selbstverpflichtung Downloadkosten in Grenzen zu halten und verhindert autoplay.

Das plg von #3 kenne ich von einer anderen Anwendung.

Vielen DanK #2, #3!

Folgendes muss im Code ergänzt werden:

wichtig:

muted="muted" oder Video ohne Audiospur (Spaßbremse!)

und

playsinline="playsinline"

also so:

<video autoplay="autoplay" muted="muted" playsinline="playsinline" style="width: 100%; height: auto;">
<source src="images/stories/wellen.mp4" type="video/mp4" />
</video>

vG

Hallo,

ich habe ein mp4-Video in ein Modul auf Position 'Banner' gesetzt ycsh80.de und im JCE Codeeditor folgendes eingegeben:

<video autoplay="autoplay" style="width: 100%; height: auto;">
<source src="images/stories/wellen.mp4" type="video/mp4" />
</video>

Auf dem Notebook (WLAN, LTE) funktioniert das mit Firefox, Chrome und Edge. Das Video startet automatisch. controls="controls"

Auf dem iPhone und iPad (WLAN, LTE) funktioniert es mit Safari und Firefox NICHT. Es gibt nur ein Standbild. Das Video startet NICHT automatisch. Warum?

Erst wenn ich mit controls="controls" den Player manuell starte, läuft das Video. Die Player-Zeile sieht im Banner natürlich sch... aus, geht garnicht.

Android kann ich nicht testen.

Hat jemand eine Idee?

vG

Hallo,

ich habe zuerst in den Menüeinträgen die ID der Seite ermittelt und dann diesen Code in der user/custom.css eingegeben

.itemid-352 {
background-image: url("../../../images/stories/wallpapers/muster.png");
background-size: cover;
background-attachment: fixed;
}

Das funktioniert jedenfalls mit protostar/cassiopeia.

Ein Hintergrund-Bild nur im Contianer kann man m.w. in JCE mit 'CSS-Stil bearbeiten' (Symbol mit AA) einfügen.

vG

Danke Stef,

dein Upload war wohl schneller als meins.

Für mich persönlich ist diese Erkenntnis aber wichtig

Zitat

..weil die 'bestückte navbar' als content von der 'kompletten navbar' anzusehen ist.

Damit man auch versteht, was man da zusammen klickt.

vG

Also wie gesagt: im Template ist alles auf 'flex' gestellt und gem. Link #4 (Vielen Dank!) ist 'justify-content' die richtige Wahl.

Obwohl ich in '.container-header .mod-menu' mit 'margin-left: 100px;' etwas bewirke, muss 'justify-content' aber in '.container-header .container-nav' eingesetzt werden!

Dann sitzt das Menü in der Mitte oder rechts.

/*komplette navbar*/
.container-header .container-nav {
    background-color: #fff;
    justify-content: center; /*right;*/
}

Muss ich nicht verstehen, ist aber so!

Vielleicht, weil die 'bestückte navbar' als content von der 'kompletten navbar' anzusehen ist. Das sieht man beim rosa-färben.

vG

ja, ist flex!

Im Link habe ich die rosa-Box weiß auf weiß dargestellt: ycsh80.de

Nee, nicht ganz.

Ich meine dieses rosa mainmenü auf der Position Menü.

Mit diesem Code kann ich das rosa Ding um z.B. 100px verschieben; also habe ich schon mal die richtige Klasse erwischt.

/*bestückte navbar*/
.container-header .mod-menu {
color: #0088cc;
background-color: #faa; /*#999;*/
font-weight: bold;
margin-left: 100px;
/*margin: 0 auto 0 auto;*/
/*margin: auto;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
}

Aber alles mit 'auto' hat keinerlei Wirkung.
Bei der Zentrierung eines eingefügten Bildes im Beitrag/Modul funktioniert es mit 'auto'

margin-left: auto; margin-right: auto;

Das ist wieder seltsam

vG

Hallo,

ich kann in user.css über diesen beiden Klassen das Layout der Menüleiste ändern (Schrift, Farbe, Rahmen, hover etc.)

/*komplette navbar*/
.container-header .container-nav {...

/*bestückte navbar*/
.container-header .mod-menu {...

Die Leiste beginnt aber immer links. Ich möchte sie zentrieren. Mit padding, margin, justify-content komme ich nicht weiter.

Hat jemand eine Idee?

vG

OK, verstanden!

Die free-Installation bleibt stehen (geht nicht weiter), und die Leistungsmerkmale sind nicht zeitgemäß.

Apropo 'zeitgemäß'. Wie sieht denn das Layout einer zeitgemäßen Webseite aus, was sind die charakteristischen Merkmale?
ycsh80.de

SEO, responsive ist klar!

Es gibt viele Gurus, die gegen Geld etwas anbieten, aber nicht sagen, wo's lang geht. Nur 'Hm, ja, soo nicht'.

vG

Hallo,

wenn ich es richtig verstehe, hast du eine Joomla 3 Webseite geerbt und auf Update Joomla 4 geklickt, wie du das von Windows oder iOS gewohnt bist.
J3 nach J4 ist aber eine wortreich beschriebene Migration, kein bloßes Update. Das geht - ohne vorheriges Backup - meistens genauso in die Hose wie Win 7 nach Win10.

Du benötigst erstmal ein valides Backup der Version 3. Normalerweise kann der Administrator ein BU per Klick auf dem Server erzeugen.

Eine Joomla Webseite besteht aus einer Datenbank und einer Zip-Datei.
Ich weiß nicht, ob dein Erblasser verstorben ist, der Hoster sollte aber wissen, wo soetwas auf seinem Server vorhanden ist.
Vorausgesetzt, er versteht dein Problem überhaupt.
Die beiden Datensätze musst du irgendwie bekommen. Dann geht's weiter!

Ich selbst habe vor Jahren weitgehend ahnungslos eine gehackte Vereinsseite geerbt. Diese steht jetzt bei fc-hosting. Warum dort und nicht beim Marktführer? Weil man mir hier im persönlichen Kontakt die Webseite wieder herstellen konnte. Das ist sogar in der Beschreibung zum Hostingpaket nachzulesen. Augen auf bei der Wahl des Hosters.

Kopf hoch, wird schon!

Hallo!

Von kickstart-cassiopeia lese ich viel, weiß aber nicht, was man mir hier https://www.kickstartcassiopeia.com/ sagen will.

Was ist der Benefit?

Wenn ich die V1.5 (for free) installieren will, funzt es bei J4 nicht. Es hängt. Not longer supported?!

Mit J3 (protostar) funktioniert zwar die Installation (aktiviert!), ich kann aber keine Funktion erkennen.

Kann mich jemand zum Start einen Kick geben?

vG

Hallo,

dieses Thema habe ich an anderer Stelle sachfremd angesprochen. Da auch gleich eine Lösung mitgeliefert wird, wurde mir geraten, einen eigenen Thread aufzumachen.

Voila!

Dieser Code in user.css erzeugt automatisch Spalten und Zeilen. Je <div> eine Spalte bzw. Zeile.

.container {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
/*einzeilig*/
grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
/*mehrzeilig, 3 Spalten*/
/*grid-template-columns: repeat(3, 1fr);*/
/*grid-auto-rows: minmax(100px, auto);*/
}
/*mehrzeilig, 2 Zeilen*/
.row1 {grid-row: 1;}
.row2 {grid-row: 2;}

Im Code-Fenster des JCE wird dieser Code eingetragen.

<div>...</div> darf nicht leer sein. Ggf. geschütztes Leerzeichen '&nbsp;' eintragen.

HTML (einzeilig)

<div class="container">
<div><br />Spalte 1<br /><br /></div>
<div><br />Spalte 2<br /><br /></div>
...
</div>

HTML (mehrzeilig)

<div class="container">
<div class="row1">Zeile1, Spalte 1<br /><br /></div>
...
<div class="row2">Zeile2, Spalte 1<br /><br /></div>
...
</div>

Der Inhalt je DIV kann im Editor-Fenster des JCE - mit 'zeige Blockelemente' - wie gewohnt eingegeben werden.

Mit Chrome F12 kann man prüfen wie es um die Responsivität bestellt ist.

Quellen:

https://kulturbanause.de/blog/…ayouts-ohne-media-queries

https://developer.mozilla.org/…s/Web/CSS/CSS_Grid_Layout

https://grid.layoutit.com/

https://www.w3schools.com/cssref/pr_grid.asp

vG