Keep Add to Cart in view on long product pages

A slim bar sticks to the top of the product page as shoppers scroll, with links to each section and an optional Add to Cart button.

Section links and a cart button that stay in view

The bar builds its links from the sections on the page and highlights the one being read.

Self-Building Navigation
The bar reads your product page and creates links only for sections that actually exist. Description, Specifications, Filters, Reviews, custom blocks, if the section is there, the link appears. If it's empty, there's no link. No dead ends, no phantom nav, no configuration to maintain.
Full-Page Sticky Bar
Sticks to the top of the browser the moment your shopper starts scrolling, stays there through every section on the page, then bows out cleanly when the product ends. It never follows them into your footer or promotional modules.
Section Highlighting as They Scroll
The nav link for the section currently in view lights up automatically. Your shoppers always know exactly where they are on a long product page. No disorientation, no "did I already read the specs?" moment. The current section glows. The rest wait.
Sticky Add to Cart Button
Optional, and powerful. Parks a cart button on the right side of the sticky bar, visible the entire time they read your product page. On mobile it shrinks to just the cart icon. Out of stock? It hides itself. Variable product? It scrolls them back to the option selector instead of adding a mystery default.
Per-Product Content Blocks
Add unlimited rich content sections to any product, directly in the product editor. Link a Joomla article (update once, reflects everywhere) or write inline WYSIWYG content with a title and icon. Warranty info, size guides, ingredient lists, installation guides, video embeds. Each block gets its own nav link automatically.
Automatic Extension Integration
Other J2Commerce apps, Product Reviews and others, automatically add their sections to the nav bar with zero configuration. They announce themselves and appear in the correct top-to-bottom order. You never maintain a link list. You just install apps and the navigation updates itself.
Brand-Matched Styling
Three admin color pickers (bar background, text, active link) let you brand the sticky bar to your store. Follows your template's light and dark mode tokens automatically. Bootstrap 5 and UIkit templates are both included, use whichever framework your Joomla theme runs on.
Per-Product Off Switch
Hide the nav bar for any single product without touching global settings. Simple products with two sections don't need the nav. Complex products with six do. One toggle per product in the Apps tab. No workarounds, no template overrides, no conditional logic to write.
Deep Configuration Control
Top or bottom sticky position. Smooth or instant scroll behavior. Configurable pixel offset to clear fixed template headers. Minimum links threshold so the bar only shows when it's useful. Custom CSS field. Custom Add to Cart button class. Optional container wrapper for width alignment. You're in charge.

A Sticky Bar That Stops at the Footer

The bar stays in view while shoppers read the product and steps aside when they reach the rest of the page.

Stays visible through the full product section, description, specs, upsells, cross-sells, reviews
Releases cleanly at the product boundary, never invades the footer or follow-up modules
No content jump when it pins, layout stays stable throughout
Configurable offset compensates for fixed template headers

An Add to Cart Button in the Bar

Enable the sticky cart option and an Add to Cart button rides the right side of the navigation bar for the entire scroll. It mirrors the state of the real product form, if the product is out of stock, the sticky button disappears. If the product has options or variants, clicking the sticky button scrolls the shopper back to the option selector to make a deliberate choice before anything goes in the cart.

On mobile, the button label hides and only the cart icon shows, compact enough not to hijack the screen, visible enough to always be tappable. The decision to buy and the means to act on it are never more than a tap apart.

Visible throughout the full product page scroll, never hidden below the fold
Hides automatically when the product is out of stock
Variable products scroll shoppers to the option form, no accidental default variants added
Mobile: label collapses to icon only, small footprint, fully functional

Add Content Blocks to Any Product

Product Nav Bar transforms the product editor into a content management tool. Each product gets its own content blocks in the Apps tab, no theme editing, no developer required. Link a published Joomla article and its content drops in as a scrollable section; update the article once and every product page that uses it updates automatically. Or write rich inline content directly in the editor: title, full WYSIWYG content, custom icon, enable/disable toggle. Stack as many sections as each product needs.

Unlimited custom content sections per product, title, content, icon, toggle
Joomla article integration, link once, update everywhere
Joomla content plugin support, shortcodes and content plugins work inside sections
Each block auto-generates its own nav link, no link management

Launch with more today. Keep the buy button in reach tomorrow.

Product Nav Bar keeps your Joomla ecommerce store's Add to Cart button visible from the first scroll to the last, and gets every section of your product page one click away the whole time. Your product pages did the work. Let your navigation close the sale.

Self-Building Navigation
Full-Page Sticky Bar
Section Highlighting as They Scroll

Use Cases

How stores with long product pages use the bar.

The Appliance and Electronics Store

You sell washing machines. They have specs, drum capacity, spin speed, noise level, energy rating, dimensions, compatible installation kits. You have a full installation guide. You have customer reviews. You also have an Add to Cart button that gets buried approximately two seconds into the average product page visit.

Product Nav Bar builds a sticky nav with: Overview, Specifications, What's in the Box, Installation Guide, Reviews. Each section is one click away from anywhere on the page. The Add to Cart button sits in the bar the whole time. The moment a customer confirms the machine fits their alcove and meets their energy rating, they tap the cart button. That's it. Not six screen-lengths of upward scrolling. One tap.

For variable products, color, finish, capacity, the sticky cart scrolls them back to the option selector before anything gets added. No "I ordered the wrong color" conversations. No return shipping costs you're eating.

The Supplement and Natural Health Store

Supplements are a trust-sale. Shoppers read ingredient lists, nutritional information, suggested use, warnings and reviews. They might be on your product page for three minutes making an informed, careful decision, and if the Add to Cart button is invisible for two and a half of those minutes, you've lost the momentum right when they're most convinced.

Product Nav Bar keeps Description, Ingredients, Nutritional Info, Suggested Use, and Reviews all one click away at all times. The cart button stays in the corner of their eye. A custom content section per product handles any product-specific warnings, disclaimers, or batch information that doesn't fit the standard fields.

The Furniture Store with Rich Product Content

You sell sofas. Each product page needs: the description with material and finish options, a detailed dimensions guide with a diagram, fabric care instructions that actually explain what to do when the dog gets on it, and a delivery unboxing video so customers know what to expect on the day two guys carry a 90kg box up their stairs.

The video lives in a Joomla article you manage for the delivery experience. Link it once and every sofa product page that uses that article gets the video automatically. The dimensions guide and care instructions are inline content blocks. The nav shows: Description, Dimensions, Care Guide, Delivery Info. The shopper navigates a complete information package. The variant-aware cart button handles the color and fabric selector, nobody gets a sofa in a color they didn't pick.

When you update the delivery article because the courier changed their process, every linked product page reflects it instantly.

Languages

Translated into 21 languages.

Arabic Unitag ar-AA
Chinese, Traditional zh-TW
Danish da-DK
Dutch nl-NL
English (United Kingdom) en-GB
English (United States) en-US
Finnish fi-FI
French fr-FR
German de-DE
Greek el-GR
Hebrew he-IL
Italian it-IT
Japanese ja-JP
Norwegian Bokmål nb-NO
Polish pl-PL
Portuguese, Brazil pt-BR
Portuguese, Portugal pt-PT
Russian ru-RU
Spanish es-ES
Swedish sv-SE
Turkish tr-TR

Reviews

Customer Rating

No reviews yet

Every review comes from a licensed customer and appears exactly as written.