Installments - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`loaderHeight`	`Number`	❌	`null`	Altura em pixels do skeleton loader exibido enquanto os dados são carregados.
`defaultInstallments`	`Object`	❌	`undefined`	Objeto com opções de parcelamento pré-definidas. Quando informado, evita a chamada à API.
`showAllInstallments`	`Boolean`	❌	`false`	Quando `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”.

⌘I