2016-03-10 3 views
4

Я начал интегрировать концепцию AMP в свой текущий живой проект Magento.Как интегрировать ускоренные мобильные страницы в проекте Magento

Я сделал вещи ниже.

один тестовый html-файл в папке www, как предложено здесь, https://www.ampproject.org/docs/get_started/create/basic_markup.html это отлично работало.

У меня было в моем Magento проекте, в 1column.phtml,

<!DOCTYPE html> 
<html amp lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>"> 

в head.phtml, добавил первую строку, как показано ниже

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> 
<link rel="canonical" href="http://www.example.com" /> 
<script type="application/ld+json"> 
     { 
     "@context": "http://schema.org", 
     "@type": "NewsArticle", 
     "headline": "Open-source framework for publishing content", 
     "datePublished": "2015-10-07T12:02:41Z", 
     "image": [ 
      "logo.jpg" 
     ] 
     } 
    </script> 
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> 
    <script async src="https://cdn.ampproject.org/v0.js"></script> 

Я бегу домашней страницы путем добавления #development=1. и получение ошибки в консоли, как показано ниже:

TypeError: aa.Object.getOwnPropertyDescriptor(...) is not a non-null object 
(var e in b)aa.Object.defineProperties?aa.Object.defineProperty(a,e,aa.Object.ge... 
    validator.js (line 2, col 221) 

ReferenceError: amp is not defined 

Может ли кто-нибудь помочь мне исправить эту проблему.

Заранее спасибо ..

+0

Подход не выглядит правильным, вам нужно добавить атрибут rel = "amphtml" для всех ваших страниц продуктов и категорий с исходным URL-адресом ваших страниц с усилителем. проверьте структуру страницы здесь http://webkul.com/blog/magento2-amp-template/ мы внедрили AMP в magento2. – webkul

ответ

1

Попробуйте удалить

xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>" 

первые 2 строки должны быть, как это

<!doctype html> 
<html amp lang="en"> 
+0

Я пробовал это. Но, к сожалению, это не помогает. – Dolly

-2

Что может быть более простым в использовании расширения для интеграции AMP в ваш магазин Magento. Я использовал описанный, основанный на основах кодирования: http://codingbasics.net/accelerated-mobile-pages-magento/

Действительно просто настроить его, и он работает безупречно. Не знаю, исправили ли вы эту проблему по прошествии некоторого времени, но я думал, что я все равно отвечу, чтобы помочь вам и другим.

1

Вы можете использовать один из этих расширений: Plumrocket AMP Extension - он работает для меня, но он не является бесплатным. Вы можете проверить их демо, чтобы посмотреть, как они это делают.- бесплатно, но работа с вопросами :-(

+0

Ответьте на новые вопросы Эти люди нуждаются в вашей помощи, а не тот, кто задал этот вопрос в 2010 году. Они, должно быть, решили проблему сейчас, не так ли? Для улучшения этого сайта. –

+0

@UmairFarooq 10 - это дата не год, его спрашивают только в этом году. – Kalpesh

Смежные вопросы