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.