Hi @elvtn,
Thank you for reaching out and providing a detailed description of the issue you’re encountering with the Apple Pay payment block separators on your checkout page. It’s great that you’ve identified a temporary CSS fix to hide the extra blocks. However, let’s work together to find a more permanent solution. The appearance of multiple separators can sometimes be related to theme or plugin conflicts, or specific settings within the Stripe for WooCommerce plugin. Here are a few steps we can take to troubleshoot the issue:
- Check for Updates: Ensure that your WooCommerce, Stripe for WooCommerce plugin, and theme are all updated to the latest versions.
- Theme Conflict Test: Temporarily switch to a default theme like Storefront to see if the issue persists. If the separators disappear, the problem might be with the theme.
- Plugin Conflict Test: Deactivate all plugins except WooCommerce and Stripe for WooCommerce, and then check if the issue still occurs. If it resolves, reactivate each plugin one by one to identify the culprit.
- Stripe Settings: Review the Stripe settings in your WooCommerce dashboard to ensure that there aren’t any additional configurations causing this issue.
- Console Errors: Check your browser console for any JavaScript errors that might be related to the payment gateways.
If none of these steps resolve the issue, please share with us the System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support
. You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.
Looking forward to your response!