Sin impuesto Con impuesto

RKR Floating Bar Add to Cart

  • New
RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
search
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
  • RKR Floating Add to Cart Bar — always visible purchase button in PrestaShop
48.28
€39.90 Sin impuesto €48.28 Con impuesto

The "Buy" button is always visible. When the original button disappears from the screen, a floating bar appears with the photo, name, selected variant, and price, and its "Add to Cart" button uses the one from your own template. It tracks the combination the customer is viewing: price, variant, and image update when the size or color changes. No template modifications, no jQuery, and no layout changes.

Quantity

Asesor experto

¿Necesitas ayuda de un experto? ¿Hablamos?

Conversion

The decision has been made. And the buy button is two screens up.

The customer scrolls down to read the description, checks the reviews, and compares sizes. By the time they decide to buy, they have to scroll back up. The Floating Add to Cart bar puts it right in front of them at the exact moment they make their decision.

0 lines
template to touch: it installs and works on the theme you already have
8.x → 9.x
Pure JavaScript, without jQuery: works equally well in classic and hummingbird
1 screen
configuration, without tabs or wizards

It only appears when needed.

While the buy button is visible, the bar isn't there: it would unnecessarily obscure the product. As soon as it leaves the screen, it reappears at the bottom—or top, you choose—with the product photo, its name, the selected variant, the price, and its own button.

It doesn't monitor scrolling, which is what causes the jumps that slow down the page. It uses IntersectionObserver : the browser alerts you when the button disappears from view. Virtually no cost and no layout disruption .

/ Follow the combination the customer is looking at

This is what breaks in almost all floating toolbars. When you choose a size or color, PrestaShop doesn't update the shopping cart block; it replaces the entire thing. A toolbar that retains the old button stops adding items to the cart from that point on, and nobody notices until orders go missing.

Price
It is refreshed with the one for the chosen combination, including the crossed-out price if there is a sale.
Variant
The name of what you have chosen, below the product: "Pink", "M · White".
Image
The photo changes with the combination, just like on the card.
Stock
If the original one shuts down due to lack of stock, the one on the bar shuts down with it.

/ Purchase using the button from your own template

The bar doesn't add items to the cart automatically; it passes the click to the button you already have. This ensures that the selected quantity, stock control, theme notification, and anything else you've added to that button are preserved. If you change the theme tomorrow, the bar will continue to function.

And it adapts to your store without touching any code.

Colors
Background, text, price and button, each with its selector.
Shape
Corner radius, from pill to card, and maximum width or full width.
Icon
Either the one it comes with, one of your own in SVG format, or an image you upload. Or neither.
Layer
If you have support chat or cookie notice, raise the Z-Index and stop stepping on it.

The theme has been heavily modified? The buy button selector is just another setting: it's changed from the configuration, without touching a file.

/ On mobile, where it's most noticeable

On a phone screen, the buy button disappears with the first swipe. The bar shrinks automatically: it keeps the photo, the price, and the button, leaving the text for larger screens.

Compatible with PrestaShop 8.x and 9.x · Classic and Hummingbird themes

Developed and maintained by REKIRE

Cookie consent