# tags

O objeto **`tags`** é responsável por retornar um array das Palavras Mais Buscadas na loja.

{% hint style="info" %}
**Disponível em todas as páginas.**
{% endhint %}

### Atributos disponíveis

E se você deseja utilizar as tags do seu jeito, poderá utilizar as informações da tabela de atributos abaixo, substituindo o número **0** pela posição no array da categoria desejada, no seguinte padrão de chamada: `tags[{index}].{key}`. Ou então utilizar em um loop tratando cada elemento como desejar.

| Atributos                 | Característica                                                   |
| ------------------------- | ---------------------------------------------------------------- |
| `{{ tags[0].font_size }}` | Tamanho da fonte com base na quantidade de vezes que foi buscada |
| `{{ tags[0].url }}`       | URL para a página de busca                                       |
| `{{ tags[0].word }}`      | Palavra mais buscada na loja                                     |

## Como Usar

Abaixo um exemplo da utilização do objeto `Tags`

{% code title="Input" %}

```html
{% for tag in tags %}
    <a href="{{ tag.url }}" style="font-size: {{ tag.font_size }}%">{{ tag.word }}</a>
{% endfor %} 
```

{% endcode %}

{% code title="Output" %}

```html
<a href="www.sualoja/camisetabranca" style="font-size: 100%">Camiseta Branca</a>
<a href="www.sualoja/calcajean" style="font-size: 115%">Calça Jean</a>
<a href="www.sualoja/jaqueta" style="font-size: 110%">Jaqueta</a>
<a href="www.sualoja/blusa" style="font-size: 100%">Blusa</a>
```

{% endcode %}