Filtros com drag no preço

Descrição

Filtro da listagem com itens como filtros, atributos, categorias, preço e etc.

Instalação

npm install @wapstore/filtros-com-drag-no-preco

Estilização

Para a estilização, basta utilizar estilos sem escopos dentro do componente onde for inserido, utilizando sempre de um ID ou classe específica para a chamada do componente, para que em outras chamadas o estilo não influencie. Caso o estilo seja para várias chamadas do componente é recomendado a inserção dos estilos em um arquivos CSS separado.

Dependências

Props

• pageData

  • Descrição: Dados do produto (suporta somente a estrutura de dados recebida da API da Wap.store).

  • Tipo: Object

Componentes

• Ordenação

  • Descrição: Componente usado dentro do menu de filtros mobile para exibir a ordenação de produtos.

  • Instalação: npm install @wapstore/ordenacao-produtos

Recursos

Props

• ordenacao

  • Descrição: Tag usada para definir se dentro de menu de filtros vai conter a ordenação de produtos no mobile, é preciso instalar o componente de ordenação npm install @wapstore/ordenar .

  • Tipo: Boolean

  • Valor padrão: true

• limparFiltros

  • Descrição: Tag usada para exibir ou não a função de limpar todos os filtros.

  • Tipo: Boolean

  • Valor padrão: false

Slots

• Título do cabeçalho dos filtros no mobile

  • Descrição: Campo para inserção do texto do cabeçalho dos filtros no mobile.

  • Name: tituloCabecalho

  • Exemplo de uso:

    <filtros>
      <template v-slot:tituloCabecalho>
        <span>
          Filtrar por:
        </span>
      </template>
    </filtros>

• Título do botão de limpar

  • Descrição: Campo para inserção do texto do botão de limpar filtros.

  • Name: tituloLimparFiltros

  • Exemplo de uso:

    <filtros>
      <template v-slot:tituloLimparFiltros>
          Limpar filtros
      </template>
    </filtros>