Skip to content
WooCommerce & WordPress Plugin Docs

Anchor

Anchor fügt einzelnen WooCommerce-Produktseiten eine schlanke, klebrige Add-to-Cart-Leiste hinzu. Sie bleibt verborgen, bis der Käufer an dem nativen Add-to-Cart-Formular vorbeigescrollt hat. Danach gleitet sie von unten ins Bild und zeigt Produkttitel, Preis und einen Kauf-Button, damit die Kaufaktion auf einer langen Seite weiterhin nur einen Fingertipp entfernt bleibt.

Was es tut

Section titled “Was es tut”

Die Leiste ist am unteren Rand des Viewports fixiert und startet hidden, sodass sie nie den Dokumentenfluss belegt und kein Cumulative Layout Shift verursacht. Bei einfachen, verfügbaren Produkten ist der Button der Leiste ein echtes Add-to-Cart-Formular. Bei variablen Produkten spiegelt die Leiste das native Variationsformular von WooCommerce: Bis eine gültige Kombination gewählt ist, zeigt sie einen Optionen wählen-Button zurück zu den Selektoren. Sobald eine Variante gefunden wurde, übernimmt die Leiste Preis und Lagerstatus und aktiviert den Kauf-Button.

Die Free-Edition ist das vollständige GPL-Produkt, kein Test mit versteckten Grenzen.

Was es genau ist

Section titled “Was es genau ist”
  • Eine klebrige Leiste auf einzelnen Produktseiten, sichtbar sobald der Nutzer am Haupt-Add-to-Cart-Formular vorbeigescrollt hat.
  • Zwei Einstellungen: ein Hauptschalter und ein Scroll-Schwellwert in Pixeln (0-5000, Standard 300). Das ist die gesamte Einstellungsfläche.
  • Variantenbewusst, lauscht auf die WooCommerce-Events found_variation, reset_data und hide_variation; Anchor bringt kein eigenes jQuery mit.
  • Barrierefrei, eine ARIA-Region (role="region", aria-label), aria-hidden beim Einblenden, ein sichtbarer Fokusrahmen, eine Live-Preisregion bei variablen Produkten und prefers-reduced-motion.
  • Hell- und dunkelbewusst, Farben reagieren auf prefers-color-scheme und übernehmen verfügbare Theme-Preset-Farben.
  • Lädt sonst nichts, CSS und JS werden nur auf is_product()-Seiten und nur bei aktiviertem Modul eingebunden; das Skript ist defered und im Footer.

Was es nicht ist

Section titled “Was es nicht ist”

Die Leistenposition ist fest unten, nicht oben. Es gibt keine pro-Gerät-Schalter, und die Leiste zeigt nur Titel, Preis und Button, keine Miniatur und kein Mengenfeld. Das ist Absicht: Die Leiste bleibt schlank und korrekt, ohne Konfiguration. Der Scroll-Schwellwert ist der eine Wert, den Sie anpassen.

Editionen

Section titled “Editionen”
  • Free auf WordPress.org, die klebrige Leiste mit Aktivierung, Scroll-Schwellwert und Varianten-Synchronisation von Preis und Verfügbarkeit.
  • Pro (Anchor Pro), mit benutzerdefinierter Button-Farbe und Beschriftung, Regelwerk nach Produkt und Kategorie, Zeitsteuerung und Analyse.

Polski-Überschneidung

Section titled “Polski-Überschneidung”

Wenn Sie Polski for WooCommerce mit aktivem Sticky-Bar-Modul nutzen, installieren Sie Anchor nicht zusätzlich. Wählen Sie nur eine Lösung, damit nicht zwei Leisten auf derselben Seite erscheinen.

Nächste Schritte

Section titled “Nächste Schritte”
  • Erste Schritte, installieren, Leiste aktivieren, Scroll-Schwellwert setzen und im Shop prüfen.
  • Konfiguration, die zwei Einstellungen, was fest vorgegeben ist, und die Erweiterungshooks.
  • Die klebrige Leiste verwenden, was Käufer bei einfachen und variablen Produkten genau sehen.