{"id":169,"date":"2020-02-28T16:00:35","date_gmt":"2020-02-28T16:00:35","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-accelerated-mobile-pages-v1-x-developers-guide-and-api-reference"},"modified":"2021-10-01T08:08:25","modified_gmt":"2021-10-01T12:08:25","slug":"magento-1-amp-v1-developer-guide","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide","title":{"rendered":"Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference"},"content":{"rendered":"\n<p>In this developer documentation for the&nbsp;<a href=\"https:\/\/plumrocket.com\/magento-1-amp\">Magento AMP Extension<\/a>, you will find step-by-step instructions, sample code, and API references to fully customize your plugin.<\/p>\n\n\n\n<h2 id=\"h-modifying-default-amp-css\">Modifying Default AMP CSS<\/h2>\n\n\n\n<p><strong>In order to be able to edit styles on your page, go the following directory and choose the required file:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/head\/css<\/code><\/pre><\/div>\n\n\n\n<p>This is the list of the files you can edit:<\/p>\n\n\n\n<ul><li><strong>style.phtml<\/strong> &#8211; file of styles included on all the pages.<\/li><li><strong>product.phtml<\/strong> &#8211; file of styles included on product pages.<\/li><li><strong>category.phtml<\/strong> &#8211; file of styles included on category pages.<\/li><li><strong>index.phtml<\/strong> &#8211; file of styles included on main page.<\/li><\/ul>\n\n\n\n<p><strong>For example, to make additional changes in product page styles, you need to copy the file:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/head\/css\/product.phtml<\/code><\/pre><\/div>\n\n\n\n<p><strong>Paste it to your theme directory:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/YOUR_THEME\/default\/template\/pramp\/head\/css\/product.phtml<\/code><\/pre><\/div>\n\n\n\n<p><strong>Edit the file according to your requirements.<\/strong><\/p>\n\n\n\n<h2 id=\"h-including-additional-amp-js\">Including Additional AMP JS<\/h2>\n\n\n\n<p>Follow the instructions below to include additional AMP java-script on the page.<\/p>\n\n\n\n<p><strong>By default product page includes AMP carousel js.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;script async custom-element=\"amp-carousel\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-carousel-0.1.js\">&lt;\/script><\/code><\/pre><\/div>\n\n\n\n<p><strong>In order to include it on other pages, or if you want to add any additional java-scripts e.g. to support <em>iframe<\/em>, you need to copy the file below:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/head.phtml<\/code><\/pre><\/div>\n\n\n\n<p><strong>Paste it to your theme directory and edit according to your requirements:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/YOUR_THEME\/default\/template\/pramp\/head.phtml<\/code><\/pre><\/div>\n\n\n\n<p><strong>For example:<\/strong><br>1. You can add this code for iframe support:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\">&lt;script async custom-element=\"amp-iframe\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-iframe-0.1.js\">&lt;\/script><\/code><\/pre><\/div>\n\n\n\n<p>2. If you need to use the AMP carousel on other pages (besides the product pages) &#8211; you need to find the following code in the <strong>&#8220;head.phtml&#8221;<\/strong> file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\">&lt;?php if (Mage::app()->getFrontController()->getAction()\n    ->getFullActionName() == 'catalog_product_view') : ?>\n    &lt;script async custom-element=\"amp-carousel\" \n        src=\"https:\/\/cdn.ampproject.org\/v0\/amp-carousel-0.1.js\">&lt;\/script>\n&lt;?php endif; ?><\/code><\/pre><\/div>\n\n\n\n<p>and replace it with the following:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;script async custom-element=\"amp-carousel\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-carousel-0.1.js\">&lt;\/script><\/code><\/pre><\/div>\n\n\n\n<h2 id=\"h-adjusting-amp-iframe-height\">Adjusting AMP Iframe Height<\/h2>\n\n\n\n<p>At some point you may want to manually change the height of the Magento AMP iframe that contains the custom options on your AMP Product Pages. There are 2 approaches to do so, please see below:<\/p>\n\n\n\n<p>1) Open the file of your theme:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/theme_package\/theme_name\/layout\/local.xml<\/code><\/pre><\/div>\n\n\n\n<p><em>(where the <strong>theme_package\/theme_name<\/strong> are the package name and theme name of your specific theme)<\/em><\/p>\n\n\n\n<p>Then add the following section into the very bottom of the file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;amp_catalog_product_view>\n    &lt;reference name=\"product.info\">\n        &lt;action method=\"setIframeWidth\">&lt;number>300&lt;\/number>&lt;\/action>\n        &lt;action method=\"setIframeHeight\">&lt;number>500&lt;\/number>&lt;\/action>\n    &lt;\/reference>\n&lt;\/amp_catalog_product_view><\/code><\/pre><\/div>\n\n\n\n<p><br>Now change the <strong>&#8220;setIframeHeight&#8221;<\/strong> value as you need.<\/p>\n\n\n\n<p>OR<\/p>\n\n\n\n<p>2) Move the file <strong>pramp.xml<\/strong> from:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/layout\/<\/code><\/pre><\/div>\n\n\n\n<p>into the folder:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/theme_package\/theme_name\/layout\/<\/code><\/pre><\/div>\n\n\n\n<p><em>(where the <strong>theme_package\/theme_name<\/strong> are the package name and theme name of your specific theme)<\/em><\/p>\n\n\n\n<p>Now you can change the height there by adjusting the value of &#8220;setIframeHeight&#8221;.<\/p>\n\n\n\n<p><strong>We recommend to make the changes based on the #1 approach, this makes more sense if you plan to update the extension in the future.<\/strong><\/p>\n\n\n\n<h2 id=\"h-changing-image-size-on-amp-pages\">Changing Image Size on AMP pages<\/h2>\n\n\n\n<p>If you need to change image size on AMP pages (that may look distorted if to compare with your desktop images) &#8211; please follow the instructions below.<\/p>\n\n\n\n<p>1) In order to change image size of the images on AMP pages, find <strong>&#8220;&lt;img &#8230;\/&gt;&#8221;<\/strong> tag and add <strong>&#8220;data-width-amp&#8221;<\/strong> and <strong>&#8220;data-height-amp&#8221;<\/strong> attributes, and specify the required values.<\/p>\n\n\n\n<p><strong>Example:<\/strong><br>In order to display &#8220;image1&#8221; with the size 300?400 px, set by the tag<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;img src=\"www.example.com\/media\/image1.png\" title=\"Image 1\" \/><\/code><\/pre><\/div>\n\n\n\n<p><strong>Change it to:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;img src=\"www.example.com\/media\/image1.png\" title=\"Image 1\" data-width-amp=\"300\" data-height-amp=\"400\"\/><\/code><\/pre><\/div>\n\n\n\n<p>2) Additionally, you can set <strong>&#8220;layout&#8221;<\/strong> attribute with <strong>&#8220;responsive&#8221;<\/strong> value. This allows to extend image width proportionally on AMP pages based on a parent container. In this case you can also set max-width for an element or a container in CSS styles.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;img src=\"www.example.com\/media\/image1.png\" title=\"Image 1\" data-width-amp=\"300\" data-height-amp=\"400\" layout=\"responsive\"\/><\/code><\/pre><\/div>\n\n\n\n<h2 id=\"h-adding-custom-elements-to-amp-pages\">Adding Custom Elements to AMP pages<\/h2>\n\n\n\n<p>Here you will find the instructions on how to add custom elements to AMP pages.<\/p>\n\n\n\n<p>You can add any <strong>&#8220;amp custom-element&#8221;<\/strong> to AMP pages (if AMP custom elements haven&#8217;t been added to a page by default):<\/p>\n\n\n\n<p>For example, in order to add custom element &#8220;amp-accordion&#8221; to the product page, you need to go through the following steps:<\/p>\n\n\n\n<p>1) Open the layout file of your theme to edit it.<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/theme_packege\/theme_name\/layout\/local.xml<\/code><\/pre><\/div>\n\n\n\n<p>In case you do not have this file, you need to create it.<br>Add the following code to the file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;?xml version=\"1.0\"?>\n&lt;layout version=\"0.1.0\">\n&lt;\/layout><\/code><\/pre><\/div>\n\n\n\n<p><br>2) Edit the layout file: add the following code before closing tag <strong>&#8220;&lt;\/layout&gt;&#8221;<\/strong>&nbsp;:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;amp_catalog_product_view>\n    &lt;reference name=\"ampjs\">\n        &lt;action method=\"addJs\">\n            &lt;src>https:\/\/cdn.ampproject.org\/v0\/amp-accordion-0.1.js&lt;\/src>\n            &lt;type>amp-accordion&lt;\/type>\n        &lt;\/action>\n    &lt;\/reference>\n&lt;\/amp_catalog_product_view><\/code><\/pre><\/div>\n\n\n\n<p>3) Copy the template file to your theme.<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/catalog\/product\/view.phtml<\/code><\/pre><\/div>\n\n\n\n<p>4) Modify the template file: add <strong>&#8220;&lt;amp-accordion>&#8221;<\/strong> element code to page according to requirements of <a href=\"https:\/\/amp.dev\/documentation\/components\/amp-accordion\/?referrer=ampproject.org\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">ampproject.org<\/a>.<\/p>\n\n\n\n<p>5) Save layout and template files and clear Magento cache.<\/p>\n\n\n\n<p>6) It is required to check, whether your AMP page is valid using services for AMP pages testing (for example:<a href=\"https:\/\/validator.ampproject.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">validator.ampproject.org<\/a>). If page is not valid &#8211; please fix errors per validator indications, and check the page once again. Repeat this action until you get the valid page message.<br><br>You can also edit styles for <strong>&#8220;amp-accordion component&#8221;<\/strong><br>In order to do this, please, copy the following file into your theme and edit copied file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/head\/css\/product.phtml<\/code><\/pre><\/div>\n\n\n\n<p>Once the changes are performed, you need to check pages validation, as described in step 6.<\/p>\n\n\n\n<h2 id=\"h-automated-script-to-add-data-width-amp-data-height-amp-attributes-to-amp-images\">Automated Script to add Data-width-amp &amp; Data-height-amp attributes to AMP images<\/h2>\n\n\n\n<p>In some cases there is an issue with images in product texts, categories, static blocks or static pages, while installing Accelerated Mobile Pages Extension. These images do not have the &#8220;width&#8221; and &#8220;height&#8221; attributes indicated, therefore in the AMP mode they have amp default values indicated, this may make these images disproportionate.<\/p>\n\n\n\n<p>This script will automatically run through all products, categories, &#8220;text&#8221; attributes and images to set the correct extension for the images on the AMP pages.<\/p>\n\n\n\n<p><strong>Guide:<\/strong><\/p>\n\n\n\n<p><strong>Before you proceed &#8211; please make sure to read all the steps carefully:<\/strong><\/p>\n\n\n\n<ol><li>Make Magento database backup before running a script.<\/li><li>Download the archive <a href=\"\/docs\/wp-content\/uploads\/2020\/05\/amp-image.php_.zip\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">here<\/a>.<\/li><li>Extract files from the archive and upload the &#8220;amp-image.php&#8221; file into Magento root folder.<\/li><li>Go to &#8220;https:\/\/domain.com\/amp-image.php&#8221; URL (where &#8220;domain.com&#8221; is the name of your domain) and wait for the script to execute.<\/li><li>Once done &#8211; please perform the re-index and clear the Magento cache<\/li><li>Check if everything is OK. In case there are some issues, restore the database from the backup you did at the beginning of the process.<br><\/li><\/ol>\n\n\n\n<h2 id=\"h-setting-google-amp-client-in-the-magento-extension\">Setting Google AMP Client in the Magento Extension<\/h2>\n\n\n\n<p>Plumrocket AMP Pages Extension supports <strong>&#8220;<a href=\"https:\/\/support.google.com\/analytics\/answer\/7486764?hl=en&amp;ref_topic=7378717\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google AMP Client ID API<\/a>&#8220;<\/strong> that allows you to uniquely identify and analyze a user\u2019s experience across AMP and non-AMP content. In order to set up this service &#8211; you need to perform the following customizations for both your AMP and non-AMP pages.<\/p>\n\n\n\n<p><strong>Guide:<\/strong><\/p>\n\n\n\n<p><strong>1. Include the following code in the &lt;head&gt; of all your AMP pages:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;meta name=\"amp-google-client-id-api\" content=\"googleanalytics\"><\/code><\/pre><\/div>\n\n\n\n<p>Beginning from the AMP extension for Magento 1 version 1.4.4 and AMP extension for Magento 2 version 2.2.4 of AMP extension, this step has been already executed. You can check it by inspecting your HTML content of your AMP pages.<br>If your Plumrocket AMP extension is of the lower version than the aforementioned versions for Magento 1 or Magento 2 &#8211; you can add this code by yourself.<\/p>\n\n\n\n<p>In this case copy your theme to the file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-\">\/app\/design\/frontend\/base\/default\/template\/pramp\/head.phtml<\/code><\/pre><\/div>\n\n\n\n<p>Open to edit the file, and find this code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;meta charset=\"utf-8\"><\/code><\/pre><\/div>\n\n\n\n<p><br>After this, paste the following code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-xml\">&lt;meta name=\"amp-google-client-id-api\" content=\"googleanalytics\"><\/code><\/pre><\/div>\n\n\n\n<p><strong>2. This step depends on the type of desktop pages analytics you use.<\/strong><\/p>\n\n\n\n<p>a. If you use <strong>Google Tag Manager<\/strong> &#8211; the following steps should be completed on your existing published tag container(s).<\/p>\n\n\n\n<ol><li>Navigate to Tag Configuration &gt; Fields to Set.<\/li><li>Set useAmpClientId to true.<\/li><li>Save the new tag configuration.<\/li><li>Submit the tag.<\/li><li>Publish the container.<\/li><\/ol>\n\n\n\n<p>b .If you use <strong>.js<\/strong> analytics &#8211; include the following in your Analytics tracking code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-javascript\">ga('create', 'UA-XXXXX-Y', 'auto', {'useAmpClientId': true}<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully customize your plugin. Modifying Default AMP CSS In order to be able to edit styles on your page, go the following directory and choose the required file: This is the list of the files you &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[191],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference\" \/>\n<meta property=\"og:description\" content=\"In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T16:00:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-01T12:08:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference - Plumrocket Documentation","description":"In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide","og_locale":"en_US","og_type":"article","og_title":"Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference","og_description":"In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully","og_url":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T16:00:35+00:00","article_modified_time":"2021-10-01T12:08:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide","name":"Magento Accelerated Mobile Pages v1.x Developer Guide and API Reference - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"datePublished":"2020-02-28T16:00:35+00:00","dateModified":"2021-10-01T12:08:25+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"In this developer documentation for the&nbsp;Magento AMP Extension, you will find step-by-step instructions, sample code, and API references to fully","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1\/devguide#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento Extensions","item":"https:\/\/plumrocket.com\/magento-1-extensions"},{"@type":"ListItem","position":2,"name":"Magento Accelerated Mobile Pages (AMP)","item":"https:\/\/plumrocket.com\/magento-1-amp"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-1-amp"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-1-amp\/v1"},{"@type":"ListItem","position":5,"name":"Developer Guide"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/169"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/169\/revisions"}],"predecessor-version":[{"id":24789,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/169\/revisions\/24789"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}