Como enviar informação/dado de uma página para o Checkout?

VTEX in your native language 🌎 Português
1

Ola pessoal!
estou desenvolvendo uma página de garantia estendida eu consigo dar um update via contexto do orderform…

quando eu tento mandar para o checkout não atualiza os valores que eu alterei

exemplo no orderform eu tenho o objeto do items… e dentro dele tenho o objeto de serviços de sku “offerings”

obs: esta página esta sendo feita com vtex.io

Screenshot
Screenshot1673×802 169 KB

2

Temos algo parecido aqui, a solução foi criar um service para fazer isso.
Criamos um produto chamado seguro que é adicionado ao carrinho quando o cliente seleciona opção de seguro, dai ele calcula o valor do seguro com base no valor do item ou do total do carrinho, a depender do seguro escolhido.

3

@danilosousa voce usou a API checkout de offerings para adicionar essa informação no checkout?

eu uso dessa forma (eu vi que voce já tem o serivo criado e atrelado ao produto, geralmente o servico vem dentro desse array de offerings que voce mostrou no print):

fetch(
/api/checkout/pub/orderForm/${orderFormId}/items/${itemIndex}/offerings,
{
headers: {
accept: ‘application/json, text/javascript, /; q=0.01’,
‘accept-language’: ‘en-US,en;q=0.9,pt;q=0.8’,
‘cache-control’: ‘no-cache’,
‘content-type’: ‘application/json; charset=UTF-8’,
pragma: ‘no-cache’,
‘sec-fetch-dest’: ‘empty’,
‘sec-fetch-mode’: ‘cors’,
‘sec-fetch-site’: ‘same-origin’,
‘x-requested-with’: ‘XMLHttpRequest’,
},
referrerPolicy: ‘strict-origin-when-cross-origin’,
body: JSON.stringify({
id: ID_DO_OFFERING (no seu caso seria o “14”),
info: null,
expectedOrderFormSections: [
‘items’,
‘totalizers’,
‘clientProfileData’,
‘shippingData’,
‘paymentData’,
‘sellers’,
‘messages’,
‘marketingData’,
‘clientPreferencesData’,
‘storePreferencesData’,
‘giftRegistryData’,
‘ratesAndBenefitsData’,
‘openTextField’,
‘commercialConditionData’,
‘customData’,
],
}),
method: ‘POST’,
mode: ‘cors’,
credentials: ‘include’,
}
)

4

@jacksonadh acabamos seguindo dessa forma mesmo criamos produto como um seguro ai da pra mandar o (produto e o seguro para o checkout) ainda tive que adicionar um serviço de anexo para manipular melhor no checkout.

1 Like
5

Excelente, acredito essa ser a melhor forma

6