Banners
O componente Banners.vue exibe banners em diferentes seções do site.
Propriedades
Propriedade | Tipo | Obrigatória | Valor padrão | Descrição |
---|---|---|---|---|
section | String | ✅ | - | Identifica a seção onde o banner será exibido. |
container | Boolean | ❌ | true | Define se o banner ocupará a tela inteira ou terá largura fixa. |
carousel | Boolean | ❌ | false | Indica se o banner será exibido como carrossel. |
ids | Array | ✅ | - | Lista de IDs dos banners a serem exibidos. |
customClass | String | ❌ | '' | Classe CSS personalizada para o banner. |
sliderDelay | Number | ❌ | 0 | Tempo (em segundos) para troca automática de banners. 0 desativa a troca automática. |
quantity | Number | ❌ | 0 | Quantidade de itens exibidos por linha. |
dimensions | Object | ❌ | {} | Dimensões do primeiro banner da lista. |
firstBanner | Object | ❌ | null | Objeto com propriedades do primeiro banner a ser carregado. |
slug | String | ❌ | '' | Slug de uma categoria ou promoção associada ao banner. |
autoHeight | Boolean | ❌ | false | Ajusta automaticamente a altura do banner. |
autoWidth | Boolean | ❌ | false | Ajusta automaticamente a largura do banner. |
Propriedades do objeto firstBanner
Propriedade | Tipo | Obrigatória | Valor padrão | Descrição |
---|---|---|---|---|
id | Number | ✅ | - | ID do banner. |
image | String | ✅ | - | URL da imagem do banner. |
mobile_image | String | ❌ | - | URL da imagem para dispositivos móveis. |
link | Number | ❌ | - | Link para onde o banner redireciona. |
stopwatch | String | ❌ | null | Tipo de cronômetro exibido (null ou 'daily' ). |
Propriedades do objeto dimensions
Propriedade | Tipo | Obrigatória | Valor padrão | Descrição |
---|---|---|---|---|
desktop | Object | ❌ | - | Objeto com height e width (altura e largura em px) para desktop. |
mobile | Object | ❌ | - | Objeto com height e width (altura e largura em px) para mobile. |