-
Notifications
You must be signed in to change notification settings - Fork 60
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: sku matrix ui and components #2503
base: feat/sku-matrix-cubos
Are you sure you want to change the base?
feat: sku matrix ui and components #2503
Conversation
feat: sku matrix ui and components
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
Olhando pelo link de preview as colunas Color e Size não estão parecendo. Pode dar uma olhada? |
Quanto a coluna das variações dos produtos, conforme discutido, deve ser configurado no admin. La no headless-cms, na seção Product Details, tem as configurações da tabela do SKU Matrix. A configuração atual vem com 4 colunas fixas: nome do sku, estoque, preço e quantidade. É possível alterar os títulos dessas colunas.
ps: o campo value deve ser preenchido de acordo como foi cadastrado o sku Para os campos cor e tamanho: {
Label: "Color",
Value: "color"
},
{
Label: "Size",
Value: "size"
} |
Feito ✅ |
Valeu @ramondorosario-ct! Alinhei com o designer e decidimos que seria melhor ele não aparecer mesmo, obrigado por já ter implementado, poderia atualizar o comportamento no preview? |
Feito @ArthurTriis1 ✅ ps: o outro ajuste ta nesse preview também. Como a cada modificação, gera um novo link, acabei não mandando ontem. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good! ✨
Este PR conta com a construção dos componentes do SKUMatrix:
SKUMatrix
,SKUMatrixTrigger
,SKUMatrixSidebar
Além dos componentes, também foi desenvolvido um
SKUProvider
, que gerencia todo o estado interno do SKUMatrix. Esse estado inclui abrir e fechar oSlideOver
, controlar as quantidades de itens a serem adicionados ao carrinho, e retornar a lista de variações dos produtos. Para o correto funcionamento da funcionalidade doSKUMatrix
, este wrapper precisa estar presente. Para evitar o uso isolado doSKUMatrixSidebar
ou doSKUMatrixTrigger
, há uma validação implementada no hookuseSKUMatrix
.O hook
useSKUMatrix
, que é responsável por fazer o consumo doSKUMatrixProvider
e retornar todas as propriedades, para que os componentes da cadeia possam fazer uso. A validação foi implementada dentro desse hook.Printscreens
SKU Matrix trigger button:
SKU Matrix side bar: