Zum Inhalt springen

Anchor

Dieser Inhalt ist noch nicht in deiner Sprache verfügbar.

Anchor adds a slim, sticky add-to-cart bar to WooCommerce single product pages. It stays hidden until the shopper scrolls past the native add-to-cart form, then slides up from the bottom of the screen showing the product title (linked), the price and a buy button, so the purchase control is still one tap away on a long page.

The bar is fixed to the bottom edge of the viewport and starts hidden, so it never occupies document flow and causes zero Cumulative Layout Shift. On a simple, in-stock product the bar’s button is a real add-to-cart form. On a variable product the bar mirrors WooCommerce’s native variations form: until the shopper picks a valid combination it shows a Choose options button that scrolls back to the selectors; once a variation is found, the bar copies its price and stock status and enables the add button.

The free edition is the full GPL product, not a trial with hidden limits.

  • One sticky bar on single product pages, revealed once the shopper scrolls past the main add-to-cart form.
  • Two settings: a master on/off toggle and a scroll threshold in pixels (0-5000, default 300). That is the whole settings screen.
  • Variation-aware, listens to WooCommerce’s found_variation, reset_data and hide_variation events; Anchor ships no jQuery of its own.
  • Accessible, an ARIA region (role="region", aria-label), aria-hidden toggled on reveal, a live price region on variable products, a visible focus ring, and prefers-reduced-motion honoured.
  • Light- and dark-aware, colours switch on prefers-color-scheme and inherit your theme’s preset colours where exposed.
  • Loads nothing elsewhere, the CSS and JS enqueue only on is_product() pages, and only when the bar is enabled; the script is deferred and in the footer.

The bar position is fixed to the bottom (it is not configurable to the top), there is no per-device show/hide setting, and the bar shows the title, price and button only, there is no thumbnail toggle and no quantity field. These are deliberate: the bar stays slim and correct without configuration. Reveal point is the one thing you tune, via the scroll threshold.

  • Free on WordPress.org, the sticky bar with the enable toggle, the scroll-threshold control, and variation-aware price/availability sync.
  • Pro (Anchor Pro), custom button colour and label, plus placement rules by product and category; scheduling and analytics remain planned.

If you run Polski for WooCommerce with a storefront sticky-bar module enabled, do not also install Anchor, pick one to avoid two bars on the same page.

  • Getting started, install, enable the bar, set the scroll threshold and verify on the storefront.
  • Configuration, the two settings, what is fixed by design, and the extension hooks.
  • Using the sticky bar, exactly what shoppers see on simple and variable products.