Ambikly Docs

Appearance

Sticky Add to Cart PRO ​

Pins the Add to Cart button to the screen once the real one scrolls out of view.

Category: Store · Enable at: Ambikly → Add-ons → Sticky Add to Cart

What it does ​

On the single-product route (?ambikly_product=slug) the add-on enqueues a small script and stylesheet and nothing else; there are no REST routes and no database writes. The script finds the page's real Add to cart button, reads the title and price from the page, and builds a bar fixed to the top or bottom of the viewport. An IntersectionObserver fades the bar in once the original button scrolls out of view, and a MutationObserver keeps the bar's price and disabled state matched to the page as variations change. Clicking the bar scrolls to and clicks the real button, so every existing cart hook still fires.

Capabilities ​

  • Bar fixed to the top or bottom of the viewport
  • Appears only when the real button scrolls off-screen
  • Mobile-only mode for viewports up to 767 px
  • Optional live price mirrored from the page
  • Disabled state follows the real button
  • Click forwards to the original button, so cart hooks fire
  • Loads only on the single-product route
  • Uses the storefront's primary button styling

Turn it on ​

  1. Make sure Ambikly Pro is active and your license is activated under Ambikly → Settings → License.
  2. Go to Ambikly → Add-ons, find Sticky Add to Cart and switch it on. There is nothing else to install.
  3. Open its settings panel and set the options listed below.
  4. Visit your storefront to confirm the new surface appears: pinned add to cart bar with product title and price on product pages.

Settings ​

Open the add-on's settings panel from Ambikly → Add-ons → Sticky Add to Cart.

  • Bar position (top or bottom)
  • Mobile only
  • Show price in the bar

Where it appears ​

On the storefront

  • Pinned Add to cart bar with product title and price on product pages

When to use it ​

Long-form product pages ​

A skincare store writes detailed ingredient and usage sections below the fold. Once the shopper scrolls past the buy box, the bar keeps the price and Add to cart visible, so finishing the article does not mean scrolling back up to buy.

Mobile shoppers on variable products ​

A footwear store enables Mobile only. A shopper picks a size, keeps reading reviews, and taps the bar at the bottom of the phone screen; the bar shows that size's price and grays out for sizes the page has marked sold out.

Stores with tall image galleries ​

A furniture store's product pages open with several large photos. The bar appears as soon as the original button leaves the viewport, so a shopper who has decided from the images can buy without hunting for the button further down.

For developers ​

Core hooks it listens to

  • ambikly_is_product_context
  • wp_enqueue_scripts

The full list is in the hooks reference.

Questions ​

Can I show the sticky bar only on phones? ​

Yes. Turn on Mobile only and the script exits on viewports wider than 767 px, so desktop visitors see the normal page. The check uses a matchMedia query when the page loads, and no bar markup is added at all on wider screens.

Does the bar update when a shopper picks a different variation? ​

Yes. A MutationObserver watches the page's price element and the real button's disabled attribute. When the variation picker changes the displayed price, or disables the button for an out-of-stock combination, the bar mirrors both immediately.

Will the sticky bar appear on my custom product template? ​

By default it loads only when the URL carries ambikly_product. Return true from the ambikly_is_product_context filter to enqueue it elsewhere; the script still needs a button matching the storefront's add-to-cart selectors, otherwise it does nothing.

Does clicking the bar bypass any cart logic? ​

No. The bar's button scrolls the original Add to cart button into view and triggers a click on it 200 ms later, so quantity, variation selection, stock validation and any analytics bound to that button behave exactly as if it had been clicked directly.

Works well with ​

Quick View

Turning it off ​

Switch the add-on off from Ambikly → Add-ons. Its settings and data stay in the database, so turning it back on restores exactly what you had. A lapsed license pauses it the same way — the store keeps selling on the free core, and nothing is deleted.

PROSticky Add to Cart is part of Ambikly Pro

One license covers all 35 add-ons — $199 a year or $549 once for a single site. Nothing here is sold separately.

See pricing →