How can I customize dynamic Buy Now buttons in product-template.liquid?

Technical Q&A

Topic summary

A developer seeks to customize the dynamic Buy Now button ({{ form | payment_button }}) in Shopify’s Debut theme to display separate buttons for Add to Cart, Buy Now (direct checkout), PayPal, and More Payment Options.

Key Points:

  • The {{ form | payment_button }} code cannot be directly edited as it auto-renders based on payment settings
  • Solution involves creating a custom Buy Now button that redirects to checkout

Resolution:
LitExtension provided working code to add to product-template.liquid that replaces the payment_button filter with custom HTML/Liquid markup. The code includes:

  • Standard Add to Cart button
  • Custom Buy Now button with direct checkout redirect
  • PayPal and additional payment option buttons

The original poster successfully implemented the solution. A follow-up question asks whether this customization can be done programmatically through a Shopify app, which remains unanswered.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
2

Hi @timmycodes88 ,

You cannot edit the code at ‘{{ form | payment_button }}’, the code is rendered automatically according to your payment settings.

So you can just change the payment settings, let it support only PayPal, or customize the button to go straight to the checkout page like your suggestion.

Hope it is clear to you.