Skip to main content

Customizador 3D

Após adicionar a tag JavaScript ao seu site, os métodos de criação do Customizador 3D estarão disponíveis através do objeto global R2U (demonstração ao vivo).

R2U.customizer.create#

mobile desktop

Cria um customizador 3D no site na posição do elemento HTML indicado.

const element = document.getElementById('3d-customizer')
const onConfirm = (productCustomization) =>
console.log('customization selected', productCustomization)
R2U.customizer.create({ element, onConfirm })

A função onConfirm é acionada após o usuário clicar no botão "Confirmar" na tela do Customizador. Ele retorna um par de chave-valor contendo a personalização do produto (por exemplo, chave modelo valor Cadeira Eames, chave _cor valor Preto, etc.)

const element = document.getElementById('3d-customizer')
const onConfirm = (productCustomization) =>
console.log('customization selected', productCustomization)
const resultContainer = document.getElementById('createViewerCustomization')
R2U.customizer.create({ element, onConfirm, resultContainer })

O elemento resultContainer (opcional) é criado depois que o usuário clica no botão "Confirmar" na tela do Customizador. Ele retorna um elemento HTML que renderiza o resultado da personalização 3D.