Skip to main content

Configuring your products

Importing our App#

Firstly you have to import our App to your store. On your manifest.json file, add the following dependency in peerDependencies:

"peerDependencies": {
"r2ubr.r2u-vtex-integration": "1.x"
},

Add our solutions to your product page#

To make our 3D Viewer and AR Experience Button to appear in your products page, you have to add some lines to your products template json.

3D Viewer#

"responsive-layout.desktop": {
"children": ["r2u-model-viewer"]
}

Note that the Viewer 3D must be displayed only on the desktop.

AR Experience#

"responsive-layout.phone": {
"children": ["r2u-ar-button"]
}

Note that the AR button must be displayed only on the phone.