AMP Not Valid on Products, Templates is already on

Hello @coryjames038

This is similar issues as mentioned in previous support topic

@milindmore22 Yes, It’s valid on tramadol products but not valid on any of oxycodone products. Please look into the matter. Please check the link. Not any of 10 products have amp valid.

@coryjames038 Can you please try different themes such eg: the StoreFront theme by Automattic.

I doubt that there is some customization added in your current storefront pro theme which is affecting AMP validation.

@milindmore22 Please will you please check on https://www.states-online-pharmacy.com/product/phentermine-with-out-prescription-37-5-mg/ Not a simple product is valid on AMP. Maybe there is a issue on AMP or AMP Enhancer plugin.

@milindmore22 Hello Milind, I’ve found the culprit the error is with AMP Enhancer, I’ve deactivated the AMP Enhancer now every product is Valid on AMP, But Your submission failed. The server responded with (code ). Please contact the developer of this form processor to improve this message. Learn More Getting this message on every product. Once I activated the AMP Enhancer the error is gone but the product shows Invalid on AMP.

@coryjames038

Thank you for checking, but if you deactivate AMP Enhancer the prices on the product won’t appear/change, and you cannot add products to the cart as I mentioned in the previous support topics.(very old ones)

Are you able to change the Theme as mentioned in my previous reply? I doubt that Storefront pro might be adding too much CSS, which is exceeding the limit of 75Kb per page in AMP, which leads to adding data-px-verified-tag attribute in <style> tag.

@milindmore22 I had 1 more site which is using AMP and using same theme store front pro, You made this happen by making some changes in AMP Enhancer plugin. The prices of my last site only changed after selecting the pills pack and I’m happy with it.
Here is your thread message:- Can you please remove the previously installed AMP Enhancer plugin and download the AMP Enhancer plugin from this GitHub URL, I have patched the fatal error.

Once you activate the plugin, please clear your site cache and check if the variable product works for you on AMP page.

Here is the link to find:- Link

@milindmore22 I tried with MOD Security now I’m getting this:- It appears your submission was successful. Even though the server responded OK, it is possible the submission was not processed. Please contact the developer of this form processor to improve this message.

Maybe it will help you, Looking for your reply.

Hello @coryjames038

The fatal error with WooCommerce is fixed with the AMP Enhancer plugin in latest version, Please check Related Support topic

The issue is with excessive CSS and not with AMP Enhancer or AMP plugin, As AMP plugin does tree shaking it creates optimized CSS for per page.

If a page has excessive CSS, and the AMP plugin is using Standard Mode it marks the page with excessive CSS as non-AMP, since there is no other version of the page that exists as it exists in Transitional and Reader Mode. (you get two versions of pages one with ?amp=1 and one without ?amp=1) otherwise, the user will end up on the broken page.

You can look for excessive CSS in the validation tool

Step 1) Goto AMP->Validated URL
Step 2) Search for URLs having non-AMP issues (notice CSS columns with 100% or over)
Step 3) Click on “details”
Step 4) Look for the Excessive CSS column the red color one
Step 5) Check the source of CSS

screenshot

@milindmore22 I checked and sharing the screenshot there is not a single url having more than 98% CSS, Please @milindmore22 please try to understand firstly the website which we are talking about is states-online-pharmacy.com
Step 1:- Activated Plugin AMP Standard
Everything is good, AMP Validation pass I’ve already disabled AMP from Cart and Checkout Page
Step 2:- The Error (Add to cart button is not working getting error) – It appears your submission was successful. Even though the server responded OK, it is possible the submission was not processed. Please contact the developer of this form processor to improve this message.
Step 3:- To solve the add to card error install AMP Enhancer
Step 4:- Problem solved but AMP validation failed.
Solution::
1. Please check, If we add Product without the AMP Enhancer everything is good and AMP Validation pass.
AMP Enhancer enables Add to card without getting AMP Validation test fail.

@milindmore22 It’s working, Every product have 97-98% CSS and Validation pass with add to card is working, Thank you @milindmore22 for your support.
Please mark it as resolved.
Again thank you I’m too happy

Hello @coryjames038

The WooCommerce is not AMP compatible, In order to make WooCommerce AMP compatible it will be wise to contact WooCommerce support.

We can’t make WooCommerce AMP compatible or provide plugin-specific compatibility solutions in the AMP plugin.

We can suggest fixes that might help in resolve to third-party plugin issues to some extent, solution such as AMP Enhancer if you think is responsible for validation error we will recommend contacting AMP Enhancer support.

If you are looking for a different e-commerce solution we will recommend trying the BigCommerce plugin which is AMP compatible

After re-checking your site data we also found out that the Storefront theme is responsible for creating excessive CSS (screenshot)

Sorry, we can’t be more of an assistance on this one!

@coryjames038 As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.