Hey everyone, does anyone know a way to integrate a measurement calculator for calculating footage in Vtex IO?

imediatadesign · December 10, 2020, 4:56pm

Não sei se alguém já integrou ou conhece algum App externo. obrigado

g.barbeiro · December 29, 2020, 9:12pm

Será que isso ajuda? É utilizado na Calvin Klein

https://www.fitanalytics.com/fit-finder

imediatadesign · January 14, 2021, 7:01pm

Obrigado @Guilherme Barbeiro . Nossa idéia era uma calculadora de metros em área, para área de construção.

Caroline.Freitas · August 1, 2022, 3:48pm

olá, Délcio, tudo bem? estamos revendo os tópicos mais relevantes/visitados da nossa comunidade e por isso, reabrimos sua pergunta, assim caso outros usuários tenham a mesma dúvida, é possível consultar a nossa resposta oficial!

Nesse caso o app que faz esse cálculo deve ser desenvolvido por vocês que faça esse cálculo e envie essa informação ao componente de quantity nativo da VTEX.

Segue exemplo de funcionalidade desenvolvida pela Cassol:
https://www.cassol.com.br/porcelanato-polido-eliane-travertino-romano-59x118-2cm-retificado-classe--a-/p

Para envio dessa informação do calculo feito no componente customizado para o nativo deve ser utilizado o dispatch para setar a nova quantidade:

github.com

vtex-apps/product-context/blob/master/react/tests/ProductContextProvider.test.tsx#L171


      
            rerender({ product: newProduct, query: { skuId: itemtwo.itemId } })
          
          
  getSelectedItemId(itemtwo)
            getSelectedItemName(itemtwo)
          })
          
          
it('should dispatch action with bad args and not break anything', () => {
            const BadComponent = () => {
              const dispatch = useProductDispatch()
          
          
    dispatch?.({ type: 'SET_QUANTITY', quantity: 1 } as any)
              dispatch?.({
                type: 'SKU_SELECTOR_SET_VARIATIONS_SELECTED',
                quantity: 1,
              } as any)
              dispatch?.({ type: 'SKU_SELECTOR_SET_IS_VISIBLE', quantity: 1 } as any)
              dispatch?.({ type: 'SET_SELECTED_ITEM', quantity: 1 } as any)
              dispatch?.({ type: 'SET_ASSEMBLY_OPTIONS', quantity: 1 } as any)
              dispatch?.({ type: 'SET_PRODUCT', quantity: 1 } as any)
          
          
    return <div>Bad Component rendered OK</div>

Atualmente não temos nenhuma solução nativa ou de parceiros disponibilizada na app store. Nesse caso, o caminho é desenvolver esse componente do zero!