{"id":18670,"date":"2021-06-15T13:18:42","date_gmt":"2021-06-15T10:18:42","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=18670"},"modified":"2021-09-21T09:14:02","modified_gmt":"2021-09-21T13:14:02","slug":"loading-product-options-gets-stuck-in-the-amp-iframe","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/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

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

<\/div>
vi \/path\/to\/magento2\/.htaccess\nvi \/path\/to\/magento2\/pub\/.htaccess\nvi \/etc\/httpd\/conf\/httpd.conf<\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Remove or comment redirects similar to these:<\/a><\/p>\n\n\n\n
httpd.conf or .htaccess<\/div>
RewriteCond %{HTTP_HOST} !^www\\. [NC]\nRewriteRule ^(.*)$ http:\/\/www.%{HTTP_HOST}\/$1 [R=301,L]\n\nRewriteCond %{HTTP_HOST} ^www\\.(.*)$ [NC]\nRewriteRule ^(.*)$ http:\/\/%1\/$1 [R=301,L]<\/code><\/pre><\/div>\n\n\n\n
Disable Nginx Web Server Redirects<\/strong><\/p>\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
<\/div>
vi \/etc\/nginx\/sites-available\/<domain.com>.conf<\/code><\/pre><\/div>\n\n\n\n
Remove or comment similar\u00a0rewrite rules:<\/a><\/p>\n\n\n\n
<\/div>
 server {\n listen 80;\n server_name domain.com;\n return 301 http:\/\/www.domain.com$request_uri;\n }<\/code><\/pre><\/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
If you are using an Apache web server, find and edit your httpd.conf<\/strong> and .htaccess<\/strong> files:<\/p>\n\n\n\n
<\/div>
vi \/path\/to\/magento2\/.htaccess\nvi \/path\/to\/magento2\/pub\/.htaccess\nvi \/etc\/httpd\/conf\/httpd.conf<\/code><\/pre><\/div>\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
<\/div>
RewriteEngine on\nRewriteCond %{REQUEST_URI} !^\/ampiframe.php\nRewriteRule (.*) https:\/\/www.domain.com\/$1 [R=301,L]<\/code><\/pre><\/div>\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
<\/div>
RewriteRule ^(ampiframe.php) - [L]<\/code><\/pre><\/div>\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
<\/div>
RedirectMatch 301 ^\/((?!ampiframe.php).*)$ https:\/\/www.domain.com\/$1<\/code><\/pre><\/div>\n\n\n\n