AMP (Accelerated Mobile Pages) & WooCommerce
Problem: On mobile, WooCommerce product page kept refreshing and never fully loaded.
From AMP plugin support (July 21, 2021)
Question: When AMP plugin activated, shop not working in mobile
Answer: WooCommerce is not yet fully compatible, but it can be configured to work at a basic level:
- Disable AMP on WooCommerce Cart and Checkout pages
- Update Add to cart behavior settings in WordPress Admin > WooCommerce > Settings > Products tab: enable “Redirect to the cart page after successful addition” and disable “Enable AJAX add to cart buttons on archives”
- Use AMP Enhancer plugin to help address some incompatibilities in WooCommerce.
Analyze AMP pages
Note: this has nothing to do with making AMP work with WooCommerce, since I disabled all of the AMP capabilities as recommended above. But it’s helpful for validating the rest of my site’s AMP pages.
In order to test my site for AMP compatibility, I need to add ?amp=1 to the end of URLs for testing. Example: https://www.reidwalley.com/services/?amp=1