Buy now button
How to use the Buy now button block in the Meditative Folks Theme.
Buy now button
At a glance
Adds a Buy now / dynamic checkout button on the product form. Shoppers skip the cart and go straight to checkout. If Fastrr checkout is on in Theme settings, this block can show the Fastrr button instead of Shopify’s native buy now.
Used in
- Product section (buy box)
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show content | Shows or hides this block without removing it from the section. | Yes | Always |
| Button variant | Choose the button style for navigation controls. | primary | Show content is on |
| Button size | Choose the button size for navigation controls. | medium | Show content is on |
| Use custom button styles | Use custom styles for the navigation buttons. | No | Show content is on |
| Button background | Controls “Button background” on the storefront. Open the theme editor to preview live. | #ffffff | Show content is on and Use custom button styles is on |
| Button text color | Controls “Button text color” on the storefront. Open the theme editor to preview live. | #000000 | Show content is on and Use custom button styles is on |
| Button padding top & bottom | Adds empty space (button padding top & bottom) around the section content. | 0 | Show content is on and Use custom button styles is on |
| Button padding left & right | Adds empty space (button padding left & right) around the section content. | 0 | Show content is on and Use custom button styles is on |
| Full width button | Stretches the button across the full width of its container. | No | Show content is on |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Show content is on |
Setting details
Each control from the tables above, explained simply:
Show content
Shows or hides this block without removing it from the section. Default: Yes.
Button variant
Choose the button style for navigation controls. Default: primary. This control appears when: Show content is on.
Button size
Choose the button size for navigation controls. Default: medium. This control appears when: Show content is on.
Use custom button styles
Use custom styles for the navigation buttons. Default: No. This control appears when: Show content is on.
Button background
Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Show content is on and Use custom button styles is on.
Button text color
Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show content is on and Use custom button styles is on.
Button padding top & bottom
Adds empty space (button padding top & bottom) around the section content. Default: 0. This control appears when: Show content is on and Use custom button styles is on.
Button padding left & right
Adds empty space (button padding left & right) around the section content. Default: 0. This control appears when: Show content is on and Use custom button styles is on.
Full width button
Stretches the button across the full width of its container. Default: No. This control appears when: Show content is on.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Show content is on.
Tips
- Turn on Enable shimmer if you want extra attention on Buy now.
- If checkout does not match what you expect, check Theme settings → Checkout integrations (Fastrr) before changing this block.
- Preview a product with more than one variant — Buy now stays tied to the selected variant.