Configuration
Anchor is configured on one screen: WooCommerce → Anchor. The bar shows only on single product pages, so the settings all describe how and when it reveals there.
Position
Section titled “Position”Where the bar pins to the screen:
- Bottom — anchored to the bottom edge of the viewport. The most common choice; it sits close to a thumb on mobile.
- Top — anchored to the top edge.
Either way the bar is fixed to the viewport and starts hidden, so it never takes up document flow and never causes layout shift.
Where to show it
Section titled “Where to show it”Per-device visibility, controlled independently:
- Desktop — show or hide the bar on larger screens.
- Mobile — show or hide it on small screens.
Turn one off to run the bar only where it helps — for example mobile-only, where a long product page pushes the main add-to-cart button far off screen.
Scroll threshold
Section titled “Scroll threshold”How far the shopper must scroll past the main add-to-cart button before the bar slides into view. A larger threshold keeps the bar hidden until the shopper is clearly past the primary button; a smaller one reveals it sooner. The bar hides again when the shopper scrolls back up to the main button.
Elements
Section titled “Elements”Toggle what appears inside the bar:
- Thumbnail — the product image.
- Price — the current price (kept in sync on variable products).
- Quantity — a quantity field, so shoppers can buy more than one from the bar.
The product title and the buy button are always present; these toggles tune the rest.
Variation behaviour (automatic)
Section titled “Variation behaviour (automatic)”On variable products the bar is variation-aware with no extra setting. It listens to WooCommerce’s native variation events, so when the shopper picks options on the page, the bar’s price, availability and buy button update to match the native form. Anchor adds no jQuery of its own.
Performance and accessibility (built in)
Section titled “Performance and accessibility (built in)”The stylesheet and script load only on single product pages, and the script is deferred, so the rest of the store is untouched. The bar is an ARIA region, keyboard operable with visible focus and screen-reader text, honours prefers-reduced-motion and is dark-mode aware. Because it is fixed and starts hidden, it causes zero Cumulative Layout Shift — none of which needs configuring.