Sticky Header für Magento 2

Magento 2 Extension Hyvä Ready Magento 2.4.x

SKU: MSH

Header bleibt sichtbar, auch beim Scrollen nach unten
Produkt-Sticky-Leiste mit Bild, Preis und Warenkorb-Button
Frei anpassbar in Farbe und Logo-Anzeige
Alpine.js/CSS statt jQuery, nativ für Hyvä

Auf Lager

129,00 €

Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.

14 Funktionen

Navigation, die immer erreichbar bleibt

Der Header bleibt beim Scrollen sichtbar, ergänzt um eine Produkt-Sticky-Leiste mit Bild, Preis und Warenkorb-Button — Kunden erreichen Navigation und Kauf-Button jederzeit, ohne zurückscrollen zu müssen.

Header bleibt sichtbar

Fixiert oben, bereits produktiv im Theme im Einsatz.

Ausblenden beim Runterscrollen

Optional, mit sanftem Wiedereinblenden beim Hochscrollen.

Scroll-Schwelle in Pixeln

Exakter Auslösepunkt statt fester Bildschirmhöhe.

Reine CSS-Variante

Ohne JavaScript-Overhead über native Scroll-Timelines.

Sanfter Übergang

Schatten und Hintergrund blenden weich ein statt abrupt zu springen.

Produkt-Sticky-Leiste

Bild, Name, Preis, SKU und Lagerstatus auf Produktseiten.

Warenkorb direkt erreichbar

Warenkorb-Button in der Produkt-Sticky-Leiste integriert.

Miniaturbilder

Konfigurierbare Anzahl an Produktbildern in der Leiste.

Logo-Anzeige

Eigenes Logo im Sticky-Header, ein- und ausschaltbar.

Mobile-Feinsteuerung

Bild und Warenkorb-Button getrennt für Mobilgeräte ein-/ausblendbar.

Farbanpassung

Text und Hintergrund für Haupt- und Produkt-Sticky getrennt einstellbar.

Kein CSS-Bearbeiten nötig

Alle Einstellungen direkt im Backend, kein Deploy nötig.

Multi-Store-fähig

Je Store-View eigenständig konfigurierbar.

Hyvä-nativ

Alpine.js/CSS statt jQuery, fügt sich nahtlos ins Theme ein.

01Bereits produktiv im Theme

Kein Neubau, sondern Ausbau bestehender Logik

Die Sticky-Grundfunktion läuft bereits in Ihrem Hyvä-Theme — IntersectionObserver-basiert, mit konfigurierbarem Scroll-Offset und einer reinen CSS-Variante für maximale Performance. Wir bauen die Backend-Konfiguration und die Produkt-Sticky-Leiste darüber.

Scroll-Offset bereits heute in Pixeln konfigurierbar
Optionale CSS-Only-Variante ohne JavaScript-Overhead
Ausblenden beim Runterscrollen bereits implementiert

Shop-Frontend

Kategorieseite, 400px gescrollt

Header fixiert oben sticky aktiv

Produktseite

Sport-Rucksack 30L — 79,90 €In den Warenkorb

SKU: RK-30L-SCHWARZAuf Lager

02Der Kauf-Button bleibt in Sicht

Produkt-Sticky-Leiste auf der Produktseite

Auf langen Produktseiten mit ausführlicher Beschreibung verschwindet der Warenkorb-Button oft aus dem Sichtfeld. Die Produkt-Sticky-Leiste zeigt Bild, Name, Preis, SKU und Lagerstatus dauerhaft am oberen Rand — inklusive Warenkorb-Button.

Bild, Name, Preis, SKU und Lagerstatus dauerhaft sichtbar
Warenkorb-Button direkt in der Leiste integriert
Bild und Warenkorb-Button mobil getrennt steuerbar

03So läuft der Kauf ab

Kein Download, sondern persönliche Einrichtung

Sticky Header ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf bei Ihnen und richten das Modul persönlich in Ihrem Shop ein.

Wichtig zu wissen

Mit dem Kauf erhalten Sie keinen Download-Link. Wir melden uns innerhalb von 2 Werktagen bei Ihnen — Details und Zahlung klären wir dann gemeinsam. Dieses Angebot richtet sich an Unternehmer und Gewerbetreibende, die einen Magento-2-Shop betreiben.

FAQ

Häufige Fragen

Alles Wichtige zu Funktion, Konfiguration und zum Ablauf des Kaufs.

Läuft die Grundfunktion nicht schon in meinem Theme?

Ja, das Sticky-Grundverhalten ist bereits in Ihrem Hyvä-Theme aktiv. Dieses Modul ergänzt eine Backend-Konfigurationsoberfläche und die neue Produkt-Sticky-Leiste, die es dort noch nicht gibt.

Was zeigt die Produkt-Sticky-Leiste genau?

Produktbild, Name, Preis, SKU, Lagerstatus und einen Warenkorb-Button — sie erscheint auf Produktseiten, sobald der Kunde am ursprünglichen Kauf-Bereich vorbeigescrollt hat.

Kann ich Farben an mein Theme anpassen?

Ja, Text- und Hintergrundfarbe lassen sich für Haupt- und Produkt-Sticky-Leiste getrennt einstellen.

Bremst das die Ladezeit meiner Seite aus?

Nein, die CSS-Only-Variante nutzt native Scroll-Timelines des Browsers ganz ohne zusätzliches JavaScript für die Sticky-Logik selbst.

Funktioniert die Leiste auch auf dem Smartphone?

Ja, mit eigener Mobile-Feinsteuerung: Bild und Warenkorb-Button lassen sich getrennt für Mobilgeräte ein- oder ausblenden.

Läuft das Modul in einem Multi-Store-Setup?

Ja, jede Store-View kann eigene Einstellungen für Sichtbarkeit und Design erhalten.

Muss ich CSS anpassen, um das Design zu ändern?

Nein, alle Farb- und Sichtbarkeitseinstellungen sind direkt im Backend verfügbar, kein Deploy nötig.

Kann ich das Modul selbst herunterladen und installieren?

Nein. Dieses Angebot ist kein Download-Produkt. Nach dem Kauf installieren und konfigurieren wir das Modul persönlich in Ihrem Shop.

Eigene Bewertung schreiben

Sie bewerten: Mironsoft Sticky Header

Laden...

Sie haben Ihre Bewertung für die Moderation übermittelt.

Mironsoft Sticky Header