Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt

Use this file to discover all available pages before exploring further.

Componente central de seleção de SKU na página do produto. Renderiza os atributos de variação (cor, tamanho, etc.) como lista de selects ou como botões. Valida a seleção e emite o SKU selecionado ao componente pai.

Uso

<SelectSku
  variations-style="buttons"
  :should-scroll-on-error="true"
  :show-error-message="true"
  @update="handleSkuUpdate"
/>

Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
variationsStyleString'list'Estilo de exibição das variações. Valores: 'list' (selects) ou 'buttons'.
shouldScrollOnErrorBooleantrueQuando true, rola até o campo com erro ao tentar comprar sem selecionar SKU.
showErrorMessageBooleantrueExibe mensagem de erro abaixo do campo quando a seleção está incompleta.

Eventos

EventoPayloadDescrição
updateObject (SKU) ou nullEmitido quando um SKU válido é selecionado ou quando a seleção é redefinida.
updateVariation{ imageUrl, productId }Emitido ao clicar em uma opção de variação, com a imagem e ID correspondentes.