Footer "parallax-effekt" // Grid Hintergrund klasse (.empty)

[pixle]

Hi Tim,

ich entwickle gerade eine Website mit einem aktuellen EX6 und bekomme im Footer standartmässig einen Parallax Effekt (vermutlich durch die dynamische style-Transformation translateY). Dadurch verschwinden Inhalte spätestens in der mobilen Ansicht. Wie bekomme ich das abgeschaltet?

Ausserdem stelle ich ein merkwürdes Verhalten fest, wenn in einem Grid mit mehreren Spaltenelementen jeweils ein Hintergrundbild ausgewählt wurde. Dem letzten Grid Element wird eine Klasse .empty automatisch angehängt, was in der mobilen Ansicht das Hintergrundbild unbeabsichtigt entfernt. Hast Du eine Idee wieso das so ist, bzw wie man das vermeiden kann?

LG Bjarne

[Tom]

Hi Bjarne!

Den Parallax-Footer kannst du deaktivieren, indem du im Seitenlayout die CSS-Klasse .parallax-footer entfernst.

Möchtest du den Parallax-Effekt nur auf mobilen Geräten deaktivieren, kannst du das über CSS lösen.
Ergänze dazu folgenden Code in der Datei customize.css:

@media only screen and (max-width: 767px) { #footer .inside { transform: translateY(0) !important; } }

Wenn in einem AG-Element eine Spalte leer ist, aber ein Hintergrundbild gesetzt wurde, wird dieses Bild als <img>-Tag ausgegeben – siehe Screenshot.
Es sollte eigentlich nicht entfernt werden. Ich würd die Seite mal durch den HTML Validator prüfen lassen. Vielleicht ist etwas offen.

Schöne Grüße
Thomas

[pixle]

Moin Thomas, danke für die Hilfe. Die Parallax Lösung macht natürlich Sinn
Aber die angehängte .empty Klasse <767px macht mich hingegen wahnsinnig. Die Spalte ist nicht leer und alle Elemente sind geschlossen (s.Anhang). (Entferne ich im Inspector die -empty ist die Darstellung sauber)

[tschero]

Moin,

die Klasse "empty" wird im Template system/modules/pct_autogrid/templates/autogrid.html5 in Zeile 15 vergeben.
Wenn Dich die Klasse so sehr stört, kannst Du das Template ändern und die Klasse dort entfernen. Am besten dann eine Kopie des Templates in /templates ablegen um Updatesicher zu sein.

Grüße

[pixle]

Guter Hinweis, allerdings habe ich "empty" entfernt, alle Caches geleert - aber die Klasse wird immer noch hinzugefügt.

[Tom]

Die Klasse emtpy kommt über folgendes Template rein:
system/modules/pct_theme_templates/templates/elements/ce_autogrid_col.html5

Was genau ist das Problem in der Darstellung? Ich hab hier dein Bsp. nachgebaut sehe aber in der Darstellung kein Problem.

Schöne Grüße
Tom

[pixle]

Das funktioniert!
Das (jetzt gelöste) Darstellungsproblem wird in diesen Screenshots (mob / desktop) deutlich.

[Tom]

Ok, ich verstehe.
Ich denk das ist durch eins der letzten Updates passiert.

Ich habs für das nächste Update notiert.

Danke für den Hinweis und sorry für die Troubles.

Schöne Grüße
Tom

[pixle]

Gerne & danke für Deine Hilfe

[tschero]

Moin,

hier wird auch noch mal die Klasse empty in Zeile 15 für das gleiche <div> vergeben.
system/modules/pct_autogrid/templates/autogrid.html5.

Ich will´s nur an dier Stelle noch erwähnen, falls es noch Auswirkungen haben sollte?

Grüße