The Sticky Cart module adds a floating add-to-cart bar to single product pages. It shows the product name, image, price, and an add-to-cart form — all in a fixed panel that stays visible as the customer scrolls.

Position

Set the bar to stick to the top or bottom of the viewport. Defaults to bottom.

Device visibility

Show or hide the bar independently on desktop and mobile:

  • Show on desktop — enabled by default
  • Show on mobile — enabled by default

Disable either to suppress the bar on that device class.

Scroll trigger

By default the sticky bar is visible from the moment the page loads. Enable Show on scroll to instead reveal it only after the user has scrolled a set distance down the page.

Set Scroll offset (in pixels, 0–10 000) to control when the bar appears. Defaults to 500 px.

Product information

  • Show product image — displays the featured image thumbnail in the bar (enabled by default)
  • Show price — displays the product price (enabled by default)

Out-of-stock products

Hide when out of stock suppresses the sticky bar entirely on out-of-stock products. Enabled by default.

Product types

Control which product types show the sticky bar:

SettingDefault
Enable on Simple productsOn
Enable on Variable productsOn
Enable on Grouped productsOn
Enable on External productsOn

Disable any type to skip the bar for those products.

AJAX add to cart

AJAX cart submits the add-to-cart action without a page reload. Enabled by default.