{"id":17614,"date":"2021-03-08T16:15:56","date_gmt":"2021-03-08T16:15:56","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/?post_type=ht_kb&p=17614"},"modified":"2021-09-21T08:52:21","modified_gmt":"2021-09-21T12:52:21","slug":"loading-product-options-gets-stuck","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v2\/troubleshooting\/amp-iframe-options-stuck","title":{"rendered":"Loading Product Options Gets Stuck in the AMP Iframe"},"content":{"rendered":"\n

Loading Product Options Gets Stuck. Browser Displays Error: \u201cDomain.com redirected you too many times.\u201d<\/h2>\n\n\n\n

The message \u201cLoading Product Options\u201d<\/strong> is displayed on Magento 2 AMP<\/a> pages, the loader gets stuck spinning and never loads.<\/p>\n\n\n\n

Please see the screenshot below:<\/p>\n\n\n\n

\"Amp-loading-options.png\"<\/figure>\n\n\n\n

Another way to debug this issue is by opening the Iframe source in a new window. The browser will display the following error message: \u201cThis page isn’t working. Domain.com redirected you too many times. Try clearing your cookies. ERR_TOO_MANY_REDIRECTS.\u201d<\/em><\/span><\/p>\n\n\n\n

\"Page-not-working.png\"<\/figure>\n\n\n\n

Issue Description<\/h2>\n\n\n\n

The issue happens when website redirects are configured in your web server affecting the ampiframe.php file. In most cases, the 301\/302 rewrite rule redirecting non-www to the www version of the website will cause the AMP Iframe to fail to load.<\/p>\n\n\n\n

Solution 1 (Recommended)<\/h2>\n\n\n\n

Step 1<\/h3>\n\n\n\n

Disable the 301\/302 redirects in your webserver affecting the ampiframe.php<\/strong> file<\/p>\n\n\n\n

Disable Apache Web Server Redirects<\/strong><\/p>\n\n\n\n

\n
\n
\n

If you are using an Apache web server, find and edit your httpd.conf<\/strong> and .htaccess<\/strong> files:<\/p>\n\n\n\n

vi \/path\/to\/magento2\/.htaccess\nvi \/path\/to\/magento2\/pub\/.htaccess\nvi \/etc\/httpd\/conf\/httpd.conf<\/pre>\n\n\n\n

Remove or comment redirects similar to these:<\/a><\/p>\n\n\n\n
RewriteCond %{HTTP_HOST} !^www\\. [NC]\nRewriteRule ^(.*)$ http:\/\/www.%{HTTP_HOST}\/$1 [R=301,L]<\/pre>\n\n\n\n
RewriteCond %{HTTP_HOST} ^www\\.(.*)$ [NC]\nRewriteRule ^(.*)$ http:\/\/%1\/$1 [R=301,L]<\/pre>\n<\/div><\/div>\n\n\n\n
Disable Nginx Web Server Redirects<\/strong><\/p>\n\n\n\n
\n
\n
\n
\n
\n
\n
If you are using a Nginx web server, find and edit your virtual host<\/strong> file:<\/p>\n\n\n\n
vi<\/strong> \/<\/strong>etc\/<\/strong>nginx\/<\/strong>sites-available\/<<\/strong>domain.com><\/strong>.conf<\/pre>\n\n\n\n
Remove or comment similar\u00a0rewrite rules:<\/a><\/p>\n\n\n\n
 server {<\/strong>\n listen 80;\n server_name domain.com;\n return<\/strong> 301 http:\/\/<\/strong>www.domain.com$request_uri;\n }<\/strong><\/pre>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
Step 2<\/h3>\n\n\n\n
Then\u00a0enable the Auto-redirect to Base URL<\/a>\u00a0in your Magento backend:<\/p>\n\n\n\n
Go to Configuration > Web > Auto-redirect to Base URL<\/strong> and make sure that you have a 302 (or 301) redirect enabled in Magento settings. This setting prevents duplicate content issues in Google.<\/p>\n\n\n\n
\"Auto-redirect.png\"<\/figure>\n\n\n\n
Step 3<\/h3>\n\n\n\n
Now go back to your browser and refresh the AMP product page. The AMP Iframe should be displayed correctly.<\/p>\n\n\n\n
Solution 2<\/h2>\n\n\n\n
Another way to solve webserver redirect issues for AMP Iframe is to exclude ampiframe.php<\/strong> from 301\/302 redirects.

Exclude ampiframe.php From Apache Web Server Redirects<\/strong><\/p>\n\n\n\n
\n
If you are using an Apache web server, find and edit your httpd.conf<\/strong> and .htaccess<\/strong> files:<\/p>\n\n\n\n
vi<\/strong> \/<\/strong>path\/<\/strong>to\/<\/strong>magento2\/<\/strong>.htaccess\nvi<\/strong> \/<\/strong>path\/<\/strong>to\/<\/strong>magento2\/<\/strong>pub\/<\/strong>.htaccess\nvi<\/strong> \/<\/strong>etc\/<\/strong>httpd\/<\/strong>conf\/<\/strong>httpd.conf<\/pre>\n\n\n\n
Add ONE of the following changes to your Apache redirects<\/strong>:

Option 1:<\/strong><\/p>\n\n\n\n
Add line “RewriteCond %{REQUEST_URI} !^\/ampiframe.php<\/em><\/span>” as shown below:<\/p>\n\n\n\n
RewriteEngine on\nRewriteCond %<\/strong>{<\/strong>REQUEST_URI}<\/strong> !<\/strong>^\/<\/strong>ampiframe.php\nRewriteRule (<\/strong>.*<\/strong>)<\/strong> https:\/\/<\/strong>www.domain.com\/<\/strong>$1 [<\/strong>R=301,L]<\/strong><\/pre>\n\n\n\n

Option 2:<\/strong><\/p>\n\n\n\n
Add the following line at the top of your rewrite rules before any other calls :<\/p>\n\n\n\n
RewriteRule ^(<\/strong>ampiframe.php)<\/strong> - [<\/strong>L]<\/strong><\/pre>\n\n\n\n

Option 3:<\/strong><\/p>\n\n\n\n
Replace your existing redirect rule with the following:<\/p>\n\n\n\n
RedirectMatch 301 ^\/<\/strong>(<\/strong>(<\/strong>?!<\/strong>ampiframe.php)<\/strong>.*<\/strong>)<\/strong>$ https:\/\/<\/strong>www.domain.com\/<\/strong>$1<\/pre>\n\n\n\n