Fix Apple Pay Checkout Issue in Shopify

I have Apple Pay enabled through Shopify Payments and the button shows up on every product page, but when a customer taps it the site jumps to the regular checkout instead of opening the Apple Pay sheet and completing the purchase in place. The payment never processes, and the same behaviour occurs on iPhone, iPad, Mac, Safari, and Chrome, so it isn’t a device-specific glitch.

What I need is a clean repair or re-implementation of Apple Pay on the product detail page so the flow stays on the PDP, the Apple Pay modal opens, the charge is authorised, and the order is created in Shopify without any manual redirects.

Please work directly in the theme (Liquid, JavaScript) or via Shopify’s Payments API—whatever is best practice—while keeping existing styling untouched. I’ll provide collaborator access and a sandbox product for testing.

Acceptance criteria
• Clicking the Apple Pay button on a product page opens the native Apple Pay sheet
• Payment can be completed end-to-end with no intermediate checkout page
• Successful orders appear in the Shopify admin with correct line items and customer details
• No regression on other payment methods or storefront functionality

If you’ve solved this exact issue before, I’d love to see a quick outline of your approach and timeline.