# Layout AMP

### O que é AMP? <a href="#ir-para-o-que-e-amp" id="ir-para-o-que-e-amp"></a>

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? <a href="#ir-para-como-aplicar-essa-tecnologia-na-tray" id="ir-para-como-aplicar-essa-tecnologia-na-tray"></a>

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

```javascript
<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)](https://www.ampproject.org/pt_br/docs/)