Shop Pay Button Greyed Out on Homepage and Product Page

Store Design
, ,

Topic summary

A Shopify store owner reports that the Shop Pay button appears greyed out and unclickable on both the homepage and product page, specifically within the Featured Product section. The issue persists despite confirming that Shopify Payments is active and Shop Pay is enabled in payment settings.

Troubleshooting steps already attempted:

  • Verified Shopify Payments connection and payout account
  • Confirmed Shop Pay is enabled as an accelerated checkout method
  • Tested on desktop and mobile devices
  • Checked both theme customizer preview and live site

Note: Regular “Add to Cart” buttons function normally.

Suggested solutions include:

  • Verifying product pricing, variants, and inventory settings meet Shop Pay requirements
  • Reviewing Featured Product block settings and theme code for potential conflicts
  • Testing with a simple product to isolate whether the issue is block-specific or product-related
  • Clearing browser cache and checking console for JavaScript errors
  • Updating theme to latest version or contacting theme support if the problem appears theme-specific

The discussion remains open with no confirmed resolution yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m running into an issue on my Shopify store, and I’m hoping someone can help!

The Shop Pay button is greyed out and not working on both my homepage and product page, specifically in the Featured Product section. I’ve double-checked that Shopify Payments is set up and active, and Shop Pay is enabled as one of the accelerated checkout methods.

Here’s what I’ve tried so far:

  • Confirmed Shopify Payments is fully active and connected to my payout account.

  • Verified that Shop Pay is active in the payment settings.

  • Checked on both desktop and mobile versions, and the button remains inactive.

  • Previewed the product page in the theme customizer as well as the live version—same issue.

For context:

  • The Shop Pay button is showing, but it’s grey and unclickable.

  • Regular “Add to Cart” buttons are working fine.

  • This happens on both the homepage and product page, where the Featured Product block is used.

Has anyone experienced this before? Any suggestions on what might be causing this or how to fix it?

Thanks in advance!

2

Hello @Antonen ,

Here are a few steps to resolve it:

  1. Verify Product & Variant Settings:

    • Make sure the featured product has valid pricing and available variants. Sometimes if no default variant is selected or if the variant data is incomplete, Shopify can disable accelerated checkout buttons.
    • Double-check inventory and price settings to ensure they meet Shop Pay requirements.

  2. Theme & Block Settings:

    • Since this occurs specifically in your Featured Product block, review any custom settings or code in that block. Some themes might have options to disable accelerated checkouts on certain blocks.
    • Ensure your theme is updated to the latest version. If there’s any custom code affecting the button, try disabling it temporarily to see if that resolves the issue.

  3. Test on Different Products/Pages:

    • Create a test product with simple settings and see if the Shop Pay button works on its dedicated product page. This can help determine if it’s a problem with the block or the product data.

  4. Clear Cache & Check Console:

    • Sometimes browser caching or JavaScript errors can interfere with button functionality. Clear your cache and check the browser console for any errors related to Shop Pay.

  5. Contact Theme Support:

    • If everything looks correct in your product settings and the issue is isolated to the Featured Product block, it might be a theme-specific bug. Consider reaching out to the Debutify or your theme’s support for further guidance.

These steps should help pinpoint whether the problem is with the product data, the featured block, or potentially a theme issue.

Best,
Carlos from Kudosi Reviews