Space’s Fixed buy buttons block adds a sticky add-to-cart bar on product pages. The theme editor exposes colors, position, and scroll behavior. Changes to button labels, price in the button, or mobile layout beyond those settings require editing the product__stickyadd.liquid snippet.
For editor setup, see Fixed buy buttons.
Add the block on Product main (or Featured product):
Only one Fixed buy buttons block is allowed per product section.
The sticky bar markup lives in:
snippets/product__stickyadd.liquid
Common merchant requests that need snippet or developer work:
| Request | Editor support | Code location |
|---|---|---|
| Change add-to-cart button text globally | Partial — use product metafield custom.button_text for per-product text | Snippet button labels |
| Show price inside the sticky button | Not in editor | product__stickyadd.liquid |
| Full-width mobile layout tweaks | Full position only in editor | Snippet CSS classes |
| Replace variant dropdown with swatches | Not in editor | Snippet + product options blocks |
Editing product__stickyadd.liquid counts as modified theme code. Keep a backup duplicate and review Support policy for modified theme code before requesting theme support on customized files.
product__stickyadd.liquid.The snippet is rendered from product__main.liquid when a stickyadd block is present:
{% render 'product__stickyadd', block: block %}
md: prefixes).A developer can output the selected variant price inside the sticky bar using existing Alpine.js state (current_variant_id) and Paper/Space price snippets. Exact Liquid depends on your Space version—compare with product__add.liquid for patterns used on the main product form.
We do not publish copy-paste code here because Space updates can change variable names. Hire a Shopify developer if you are not comfortable editing Liquid.
Fixed elements (sticky header, cookie banners, chat widgets) can overlap the buy bar. If content is obscured, adjust Horizontal position, disable Show after scrolling temporarily to debug, or reduce third-party widget z-index via app settings.
Start by connecting your source repository and choosing the pages you want to publish.
You can then browse your documentation and ask questions about the content your team has shared.