Layout AMP

O que é AMP?

A AMP é uma sigla para a expressão em inglês Accelerated Mobile Pages (Páginas Móveis Aceleradas), uma tecnologia do Google para carregar websites rapidamente.

O objetivo é criar um padrão de páginas da web que podem ser abertas principalmente no smartphone de forma muito mais rápida que o comum, sem precisar de Internet mais veloz.

Como aplicar essa tecnologia na Tray?

Para deixar sua loja compatível com essa tecnologia, adicione ao arquivo default.html o script abaixo:

<script async src="https://cdn.ampproject.org/v0.js"></script>

Para acessar a pagina na versão AMP, basta adicionar ao final da url o parâmetro ?amp, lembrando que caso a url já possua um ?, deverá ser inserido apenas &amp.

Por exemplo

http://loja.commercesuite.com.br?amp

http://loja.commercesuite.com.br/loja/busca.php?loja=681609&palavra_busca=produto&amp

Observação: Para que funcione conforme o esperado, é necessário que o tema esteja publicado, além disso, há um tempo de cache entre a ativação e desativação do recurso.

Feito isso, já estará sendo carregada a versão AMP na loja, bastando apenas criar os elementos visuais dessa versão.

Para isso a Google disponibiliza uma documentação com as informações e exemplos de como criar o visual para implementação.

Abaixo o link para a documentação.

• Criando paginas AMP responsivas (Documentação)