1"use strict";(globalThis.webpackChunkbambuser_docs||=[]).push([[5692],{64544(e,t,a){a.r(t),a.d(t,{assets:()=>s,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>o,toc:()=>p});const o=JSON.parse('{"id":"build-example-vto-data-via-ph","title":"Virtual try-on data via product hydration example","description":"Runnable VTO example supplying VTO metadata through the merchant\'s product hydration response instead of the provide-vto-data event in Video Consultation.","source":"@site/app-framework/buildExampleVtoDataViaProductHydration.mdx","sourceDirName":".","slug":"/build/examples/vto-data-via-ph","permalink":"/docs/app-framework/build/examples/vto-data-via-ph","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"id":"build-example-vto-data-via-ph","title":"Virtual try-on data via product hydration example","description":"Runnable VTO example supplying VTO metadata through the merchant\'s product hydration response instead of the provide-vto-data event in Video Consultation.","sidebar_label":"Data via product hydration","slug":"build/examples/vto-data-via-ph"},"sidebar":"someSidebars","previous":{"title":"Session tool","permalink":"/docs/app-framework/build/examples/vto-session-tool"},"next":{"title":"Design Library","permalink":"/docs/app-framework/build/design-library"}}');var n=a(74848),i=a(28453);const r={id:"build-example-vto-data-via-ph",title:"Virtual try-on data via product hydration example",description:"Runnable VTO example supplying VTO metadata through the merchant's product hydration response instead of the provide-vto-data event in Video Consultation.",sidebar_label:"Data via product hydration",slug:"build/examples/vto-data-via-ph"},d=void 0,s={},p=[{value:"Trying it out",id:"trying-it-out",level:2}];function l(e){const t={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.p,{children:"This example showcases providing virtual try-on data via product hydration instead of asking app for such data"}),"\n",(0,n.jsxs)(t.p,{children:["Source code: ",(0,n.jsx)(t.a,{href:"https://github.com/bambuser/bam-app-examples/tree/main/vto-product-hydration",children:"https://github.com/bambuser/bam-app-examples/tree/main/vto-product-hydration"})]}),"\n",(0,n.jsx)(t.h2,{id:"trying-it-out",children:"Trying it out"}),"\n",(0,n.jsx)(t.p,{children:"Run the following commands:"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{children:"npx degit bambuser/bam-app-examples/vto-product-hydration#main bam-app-example-vto-product-hydration\ncd bam-app-example-vto-product-hydration\n\nnpm install\nnpm run dev\n"})}),"\n",(0,n.jsxs)(t.p,{children:["The example should have been opened automatically in your browser, for further steps how to see the example in action see ",(0,n.jsx)(t.a,{href:"https://github.com/bambuser/bam-app-examples/blob/main/vto-product-hydration/README.md",children:"README.md"})," file."]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},28453(e,t,a){a.d(t,{R:()=>r,x:()=>d});var o=a(96540);const n={},i=o.createContext(n);function r(e){const t=o.useContext(i);return o.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.