Skip to main content
O componente Installments busca as opções de parcelamento do produto ou SKU atual e exibe o melhor parcelamento disponível. Um modal com todas as opções pode ser aberto pelo usuário. O carregamento é feito de forma lazy (somente quando o componente entra no viewport), evitando chamadas de API desnecessárias.

​
Uso

<installments
  :loader-height="24"
  :show-all-installments="false"
/>
Com parcelamento padrão pré-definido: 
<installments
  :default-installments="{{ product.installments | json_encode }}"
  :show-all-installments="true"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
loaderHeightNumber❌nullAltura em pixels do skeleton loader exibido enquanto os dados são carregados.
defaultInstallmentsObject❌undefinedObjeto com opções de parcelamento pré-definidas. Quando informado, evita a chamada à API.
showAllInstallmentsBoolean❌falseQuando true, exibe todas as opções de parcelamento diretamente, sem necessidade de abrir o modal.

​
Comportamentos automáticos

  • Lazy loading: o componente observa sua visibilidade e só realiza a chamada à API quando entra no viewport.
  • Atualização por SKU: ao selecionar um SKU diferente, as opções de parcelamento são recarregadas automaticamente.
  • Modal de parcelas: exibe um modal com a tabela completa de parcelamento ao clicar em “Ver todas as parcelas”.