BEYOURS - sticky header einstellen?

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo Freunde,

hat jemand eine Ahnung wie man an das feste Header beim BEYOURS Theme rankommt?

Habe bereits ein Video gesehen in dem die Zeile shopify “Shopify-section-header.hidden” gelöscht wurde, hat leider nichts gebracht.

In den Einstellungen ist das Sticky Header natürlich aktiv, funktioniert aber nicht. Ich möchte dass die Ankündigungsleiste wie auch das Header fest sind!

Jemand Ideen wie ich das hinbekomme? Vielen Dank im Voraus!

2

Hey @FirstUser2023

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren.

Das Be Yours Theme ist echt super aber manche Dinge sind in das Theme ge-hardcodet. Hast du mit den Theme Entwickler sprechen können (denn du hast ja schliesslich viel Geld für das Theme bezahlt)?

Das Styling für einen “Sticky” Header wird in der Regel durch CSS gesteuert. Überprüfe den Theme-Code (über das “Aktionen” Menü → “Code bearbeiten”) nach CSS-Regeln, die sich auf den Header beziehen. Man kann hier nach .sticky, .fixed oder ähnlichen Begriffen suchen.

Manchmal steuert auch ein JavaScript das Verhalten eines Sticky Headers. Wenn es im Theme ein JavaScript gibt, das den Header steuert, möchte man sicherstellen, dass es korrekt funktioniert.

Als letzte Möglichkeit könnte man versuchen, den Header selbst “sticky” zu machen. Das kann etwas fortgeschrittener sein, aber hier ist ein einfaches Beispiel für CSS:

#IhrHeaderIDoderKlasse {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
}

Ersetze #IhrHeaderIDoderKlasse durch die tatsächliche ID oder Klasse des Headers.

Wenn du es selber im Header programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das ganze ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!