3.0.56 • Published 4 years ago

@byondrnd/byondxr-web-visualizer-ui v3.0.56

Weekly downloads
4,966
License
-
Repository
-
Last release
4 years ago

Visualizer UI Documentation

Get Started

<html>
  <head>
    <link href="https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/index.css" rel="stylesheet" />
  </head>
  <body>
    <div class="visualizer" data-role="visualizer" experienceId="<your experience id here>"></div>
    <script src="https://visualizer.byondxr.com/releases/visualizer/3.0.53/index.js"></script>
    <script src="https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/index.js"></script>
  </body>
</html>

this project is a plugin for the visualizer, see https://www.npmjs.com/package/@byondrnd/byondxr-web-visualizer for more information

Customization, Theming Supported & css variables

It can be given as a configuration linked to the experienceId Otherwise as a HTML and CSS as in the examples bellow..

To override a css rules, add them to: https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/doc/modules/src_app_iconstants.html#icssvariables These are the possible css variables: https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/examples/globalVariables.css

Changing constant titles labels and icons

pass a stringified object as an attribute into the base div element

example

<html>
  <head>
    <link href="https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/index.css" rel="stylesheet" />
  </head>
  <body>
    <div
      class="visualizer"
      data-role="visualizer"
      experienceId="<your experience id here>"
      constants='{"menu":{"hotspots":{"label":"Hotspots"}}}'
    ></div>
    <script src="https://visualizer.byondxr.com/releases/visualizer/3.0.53/index.js"></script>
    <script src="https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/index.js"></script>
  </body>
</html>

a full Documentation of custom labels titles and icons can be found under the Constants section

https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/doc/modules/src_app_iconstants.html

an example for a constant object can be found at

https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/examples/Constants.json"

Client API

It is accessed through an object that is attached to the visualizer container:

const container = document.querySelector('[data-role="visualizer"]')
container.visualizerUI.showAddToCart('sku')

Documentation of the methods available on that object: https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/doc/modules/src_app_clientapitypes.html

Launcher

Documentation: https://visualizer.byondxr.com/releases/visualizer-ui/3.0.56/doc/modules/generated_doc_launchertypes.html

example:

        <button
            onClick={() => {
                window.launchVisualizer({
                    experienceId: 'G2GcP2',
                    defaultProducts: { Countertop: '1200302000' },
                    defaultProduct: '1200302000',
                    productsList: ['1200302000', '334442000']
                    sceneId: '6',
                    scene_configuration: 'US-EN',
                    favoriteProducts: [ {product: {application: 'Backsplash', sku: '1040502005'}} ]
                }).then((visualizerContainer)=>{
                    // Here the visualizer is loaded and you can do with it whatever you need such as:
                    visualizerContainer.visualizerUI.showAddToCart('sku')
                    visualizerContainer.visualizer.setFavoriteProducts([ {product: {application: 'Backsplash', sku: '1040502005'}} ])
                })
            }}
        >
            Launch
        </button>
@google/model-viewer@lottiefiles/react-lottie-player@xstate/inspect@xstate/reactblueimp-load-imageclsxexenvfile-saverfocus-visiblefscreenhtml2canvasimmerjspdflodash-espreactpreact-habitatpreact-render-to-stringpreact-transitioningreact-a11y-dialogreact-deltareact-from-domreact-handler-hooksreact-hot-toastreact-inlinesvgreact-json-viewreact-laagreact-perfect-scrollbarreact-usereact-virtualreactjs-popupreakitthrottle-debouncetraverseua-parser-jsuse-immeruse-resize-observeruuidwretchxstatezodzustand
@infinitebrahmanuniverse/nolb-_byo@everything-registry/sub-chunk-150@zalastax/nolb-_byo
3.0.98

4 years ago

3.0.99

4 years ago

3.0.97

4 years ago

3.0.108

3 years ago

3.0.112

3 years ago

3.0.111

3 years ago

3.0.114

3 years ago

3.0.113

3 years ago

3.0.116

3 years ago

3.0.110

3 years ago

3.0.101

4 years ago

3.0.103

4 years ago

3.0.102

4 years ago

3.0.105

4 years ago

3.0.104

4 years ago

3.0.107

3 years ago

3.0.106

3 years ago

3.0.87

4 years ago

3.0.88

4 years ago

3.0.81

4 years ago

3.0.82

4 years ago

3.0.85

4 years ago

3.0.86

4 years ago

3.0.84

4 years ago

3.0.96

4 years ago

3.0.95

4 years ago

3.0.67

4 years ago

3.0.68

4 years ago

3.0.65

4 years ago

3.0.66

4 years ago

3.0.69

4 years ago

3.0.60

4 years ago

3.0.63

4 years ago

3.0.64

4 years ago

3.0.61

4 years ago

3.0.62

4 years ago

3.0.78

4 years ago

3.0.76

4 years ago

3.0.70

4 years ago

3.0.71

4 years ago

3.0.75

4 years ago

3.0.72

4 years ago

3.0.73

4 years ago

3.0.48

4 years ago

3.0.56

4 years ago

3.0.57

4 years ago

3.0.54

4 years ago

3.0.55

4 years ago

3.0.58

4 years ago

3.0.59

4 years ago

3.0.52

4 years ago

3.0.53

4 years ago

3.0.50

4 years ago

3.0.51

4 years ago

3.0.15

4 years ago

3.0.45

4 years ago

3.0.46

4 years ago

3.0.44

4 years ago

3.0.47

4 years ago

3.0.23

4 years ago

3.0.24

4 years ago

3.0.22

4 years ago

3.0.27

4 years ago

3.0.25

4 years ago

3.0.18

4 years ago

3.0.32

4 years ago

3.0.33

4 years ago

3.0.30

4 years ago

3.0.31

4 years ago

3.0.7

4 years ago

3.0.9

4 years ago

2.1.58

4 years ago

2.1.59

4 years ago

2.1.69

4 years ago

2.1.68

4 years ago

2.1.65

4 years ago

2.1.66

4 years ago

2.1.63

4 years ago

2.1.64

4 years ago

2.1.62

4 years ago

2.1.78

4 years ago

2.1.79

4 years ago

2.1.77

4 years ago

2.1.74

4 years ago

2.1.73

4 years ago

2.1.70

4 years ago

2.1.81

4 years ago

3.0.12

4 years ago

3.0.13

4 years ago

3.0.10

4 years ago

3.0.11

4 years ago

3.0.14

4 years ago

2.1.56

4 years ago

2.1.57

4 years ago

2.1.54

4 years ago

2.1.55

4 years ago

3.0.2

4 years ago

2.1.53

4 years ago

2.1.52

4 years ago

2.1.50

4 years ago

2.1.51

4 years ago

2.1.49

4 years ago

2.1.47

4 years ago

2.1.48

4 years ago

2.1.46

4 years ago

3.0.1

4 years ago

2.1.45

4 years ago

2.1.43

4 years ago

2.1.38

4 years ago

2.1.39

4 years ago

2.1.36

4 years ago

2.1.37

4 years ago

2.1.35

4 years ago

2.1.41

4 years ago

2.1.42

4 years ago

2.1.34

4 years ago

2.1.33

4 years ago

2.1.32

4 years ago

2.1.30

4 years ago

2.1.31

4 years ago

2.1.27

4 years ago

2.1.28

4 years ago

2.1.26

4 years ago

2.1.23

4 years ago

2.1.21

4 years ago

2.1.16

4 years ago

2.1.17

4 years ago

2.1.18

4 years ago

2.1.19

4 years ago

2.1.20

4 years ago

2.1.8

4 years ago

2.1.14

4 years ago

2.1.13

4 years ago

2.1.9

4 years ago

2.1.6

4 years ago

2.1.7

4 years ago

2.1.2

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

2.1.5

4 years ago

2.0.179

4 years ago

2.0.178

4 years ago

2.0.180

4 years ago

2.0.177

4 years ago

2.0.176

4 years ago

2.0.175

4 years ago

2.0.174

4 years ago

2.0.173

4 years ago

2.0.172

4 years ago

2.0.171

4 years ago

2.0.170

4 years ago

2.0.169

4 years ago

2.0.166

4 years ago

2.0.165

4 years ago

2.0.163

4 years ago

2.0.162

4 years ago

2.0.161

4 years ago

2.0.159

4 years ago

2.0.158

4 years ago

2.0.157

4 years ago

2.0.160

4 years ago

2.0.156

4 years ago

2.0.155

4 years ago

2.0.154

4 years ago

2.0.153

4 years ago

2.0.152

4 years ago

2.0.151

4 years ago

2.0.150

4 years ago

2.0.149

4 years ago

2.0.148

4 years ago

2.0.147

4 years ago

2.0.146

4 years ago

2.0.145

4 years ago

2.0.139

4 years ago

2.0.138

4 years ago

2.0.144

4 years ago

2.0.143

4 years ago

2.0.141

4 years ago

2.0.140

4 years ago

0.2.172

4 years ago

0.2.171

4 years ago

2.0.137

4 years ago

2.0.135

4 years ago

2.0.134

4 years ago

2.0.133

4 years ago

2.0.132

4 years ago

0.2.170

4 years ago

0.2.169

4 years ago

0.2.167

4 years ago

2.0.127

4 years ago

2.0.126

4 years ago

2.0.125

4 years ago

2.0.124

4 years ago

2.0.123

4 years ago

0.2.166

4 years ago

0.2.165

4 years ago

0.2.164

4 years ago

0.2.163

4 years ago

0.2.162

4 years ago

0.2.161

4 years ago

0.2.160

4 years ago

0.2.159

4 years ago

0.2.158

4 years ago

0.2.157

4 years ago

0.2.156

4 years ago

0.2.155

4 years ago

0.2.154

4 years ago

0.2.153

4 years ago

0.2.152

4 years ago

2.0.122

4 years ago

2.0.121

4 years ago

0.2.149

4 years ago

0.2.147

4 years ago

0.2.151

4 years ago

0.2.150

4 years ago

0.2.146

4 years ago

0.2.145

4 years ago

2.0.118

4 years ago

2.0.120

4 years ago

2.0.117

4 years ago

0.2.144

4 years ago

0.2.143

4 years ago

2.0.116

4 years ago

2.0.115

4 years ago

2.0.114

4 years ago

2.0.113

4 years ago

2.0.112

4 years ago

0.2.142

4 years ago

2.0.111

4 years ago

2.0.110

4 years ago

0.2.141

4 years ago

0.2.140

4 years ago

0.2.139

4 years ago

0.2.138

4 years ago

2.0.109

4 years ago

2.0.107

4 years ago

0.2.137

4 years ago

2.0.106

4 years ago

2.0.105

4 years ago

2.0.104

4 years ago

2.0.103

4 years ago

2.0.102

4 years ago

2.0.101

4 years ago

2.0.100

4 years ago

0.2.136

4 years ago

2.0.99

4 years ago

0.2.135

4 years ago

0.2.134

4 years ago

2.0.97

4 years ago

2.0.95

4 years ago

2.0.96

4 years ago

0.2.132

4 years ago

0.2.131

4 years ago

2.0.94

4 years ago

0.2.130

4 years ago

0.2.128

4 years ago

0.2.127

4 years ago

2.0.92

4 years ago

0.2.126

4 years ago

0.2.125

4 years ago

0.2.124

4 years ago

0.2.123

4 years ago

0.2.121

4 years ago

2.0.88

4 years ago

2.0.87

4 years ago

0.2.120

4 years ago

2.0.86

4 years ago

2.0.84

4 years ago

2.0.85

4 years ago

2.0.82

4 years ago

2.0.83

4 years ago

2.0.81

4 years ago

0.2.118

4 years ago

2.0.79

4 years ago

2.0.77

4 years ago

2.0.78

4 years ago

2.0.75

4 years ago

2.0.76

4 years ago

2.0.74

4 years ago

2.0.80

4 years ago

2.0.73

4 years ago

0.2.117

4 years ago

0.2.116

4 years ago

0.2.115

4 years ago

0.2.114

4 years ago

0.2.113

4 years ago

0.2.111

4 years ago

0.2.110

4 years ago

0.2.109

4 years ago

2.0.48

4 years ago

2.0.49

4 years ago

2.0.47

4 years ago

2.0.59

4 years ago

2.0.57

4 years ago

2.0.58

4 years ago

2.0.53

4 years ago

2.0.54

4 years ago

2.0.52

4 years ago

2.0.50

4 years ago

2.0.68

4 years ago

2.0.69

4 years ago

2.0.66

4 years ago

2.0.67

4 years ago

2.0.64

4 years ago

2.0.65

4 years ago

2.0.62

4 years ago

2.0.63

4 years ago

2.0.61

4 years ago

2.0.71

4 years ago

2.0.70

4 years ago

2.0.46

4 years ago

2.0.45

4 years ago

0.2.108

4 years ago

0.2.107

4 years ago

0.2.96

4 years ago

0.2.95

4 years ago

0.2.94

4 years ago

0.2.93

4 years ago

0.2.92

4 years ago

0.2.91

4 years ago

0.2.99

4 years ago

0.2.98

4 years ago

0.2.97

4 years ago

0.2.85

4 years ago

0.2.82

4 years ago

0.2.81

4 years ago

0.2.80

4 years ago

0.2.87

4 years ago

0.2.86

4 years ago

2.0.17

4 years ago

2.0.26

4 years ago

2.0.24

4 years ago

2.0.25

4 years ago

2.0.29

4 years ago

2.0.37

4 years ago

2.0.38

4 years ago

2.0.36

4 years ago

2.0.33

4 years ago

2.0.34

4 years ago

2.0.31

4 years ago

2.0.32

4 years ago

2.0.30

4 years ago

2.0.39

4 years ago

2.0.44

4 years ago

2.0.42

4 years ago

2.0.43

4 years ago

2.0.40

4 years ago

2.0.41

4 years ago

0.2.106

4 years ago

0.2.105

4 years ago

0.2.104

4 years ago

0.2.103

4 years ago

0.2.102

4 years ago

0.2.101

4 years ago

0.2.100

4 years ago

0.2.78

4 years ago

0.2.77

4 years ago

0.2.76

4 years ago

0.2.75

4 years ago

2.0.15

4 years ago

2.0.16

4 years ago

0.2.74

4 years ago

0.2.73

4 years ago

2.0.14

4 years ago

0.2.64

4 years ago

0.2.63

4 years ago

0.2.61

4 years ago

0.2.60

4 years ago

0.2.59

4 years ago

0.2.58

4 years ago

0.2.57

4 years ago

0.2.56

4 years ago

0.2.52

4 years ago

0.2.51

4 years ago

0.2.50

4 years ago

0.2.53

4 years ago

2.0.4

4 years ago

0.2.49

4 years ago

2.0.3

4 years ago

0.2.48

4 years ago

0.2.47

4 years ago

0.2.45

4 years ago

0.2.44

4 years ago

0.2.41

4 years ago

0.2.40

4 years ago

0.2.43

4 years ago

0.2.39

4 years ago

0.2.38

4 years ago

0.2.27

4 years ago

0.2.26

4 years ago

0.2.25

4 years ago

0.2.24

4 years ago

0.2.23

4 years ago

0.2.22

4 years ago

0.2.21

4 years ago

0.2.30

4 years ago

0.2.37

4 years ago

0.2.36

4 years ago

0.2.35

4 years ago

0.2.34

4 years ago

0.2.33

4 years ago

0.2.32

4 years ago

0.2.31

4 years ago

0.2.29

4 years ago

0.2.28

4 years ago

0.2.20

4 years ago

0.2.19

4 years ago

0.2.18

4 years ago

0.2.17

4 years ago

0.2.16

4 years ago

0.2.15

4 years ago

0.2.14

4 years ago

0.2.13

4 years ago

0.2.12

4 years ago

0.2.11

4 years ago

0.2.10

4 years ago

0.2.9

4 years ago

0.2.8

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.1.248

4 years ago

0.2.4

4 years ago

0.1.247

4 years ago

0.2.1

4 years ago

0.2.3

4 years ago

0.1.246

4 years ago

0.2.0

4 years ago

0.1.244

4 years ago

0.1.243

4 years ago

0.1.241

4 years ago

0.1.240

4 years ago

0.1.237

4 years ago

0.1.235

4 years ago

0.1.234

4 years ago

0.1.233

4 years ago

0.1.231

4 years ago

0.1.230

4 years ago

0.1.232

4 years ago

0.1.228

4 years ago

0.1.229

4 years ago

0.1.226

4 years ago

0.1.225

4 years ago

0.1.224

4 years ago

0.1.223

4 years ago

0.1.222

4 years ago

0.1.221

4 years ago

0.1.220

4 years ago

0.1.217

4 years ago

0.1.219

4 years ago

0.1.218

4 years ago

0.1.215

4 years ago

0.1.214

4 years ago

0.1.213

4 years ago

0.1.212

4 years ago

0.1.211

4 years ago

0.1.208

4 years ago

0.1.209

4 years ago

0.1.210

4 years ago

0.1.207

4 years ago

0.1.206

4 years ago

0.1.205

4 years ago

0.1.204

4 years ago

0.1.203

4 years ago

0.1.198

4 years ago

0.1.199

4 years ago

0.1.201

4 years ago

0.1.200

4 years ago

0.1.197

4 years ago

0.1.196

4 years ago

0.1.195

4 years ago

0.1.192

4 years ago

0.1.193

4 years ago

0.1.191

4 years ago

0.1.190

4 years ago

0.1.189

4 years ago

0.1.188

4 years ago

0.1.183

4 years ago

0.1.182

4 years ago

0.1.185

4 years ago

0.1.179

4 years ago

0.1.178

4 years ago

0.1.177

4 years ago

0.1.181

4 years ago

0.1.180

4 years ago

0.1.176

4 years ago

0.1.175

4 years ago

0.1.174

4 years ago

0.1.173

4 years ago

0.1.172

4 years ago

0.1.165

4 years ago

0.1.164

4 years ago

0.1.167

4 years ago

0.1.166

4 years ago

0.1.163

4 years ago

0.1.162

4 years ago

0.1.161

4 years ago

0.1.159

4 years ago

0.1.158

4 years ago

0.1.157

4 years ago

0.1.155

4 years ago

0.1.154

4 years ago

0.1.153

4 years ago

0.1.152

4 years ago

0.1.151

4 years ago

0.1.149

4 years ago

0.1.148

4 years ago

0.1.150

4 years ago

0.1.147

4 years ago

0.1.146

4 years ago

0.1.145

4 years ago

0.1.143

4 years ago

0.1.144

4 years ago

0.1.142

4 years ago

0.1.141

4 years ago

0.1.140

4 years ago

0.1.139

4 years ago

0.1.136

4 years ago

0.1.138

4 years ago

0.1.133

4 years ago

0.1.132

4 years ago

0.1.131

4 years ago

0.1.129

4 years ago

0.1.128

4 years ago

0.1.130

4 years ago

0.1.126

4 years ago

0.1.127

4 years ago

0.1.125

4 years ago

0.1.124

4 years ago

0.1.123

4 years ago

0.1.121

4 years ago

0.1.122

4 years ago

0.1.119

4 years ago

0.1.120

4 years ago

0.1.118

4 years ago

0.1.116

4 years ago

0.1.115

4 years ago

0.1.114

4 years ago

0.1.113

5 years ago

0.1.111

5 years ago

0.1.110

5 years ago

0.1.109

5 years ago

0.1.108

5 years ago

0.1.107

5 years ago

0.1.106

5 years ago

0.1.103

5 years ago

0.1.102

5 years ago

0.1.105

5 years ago

0.1.104

5 years ago

0.1.101

5 years ago

0.1.100

5 years ago

0.1.98

5 years ago

0.1.99

5 years ago

0.1.97

5 years ago

0.1.96

5 years ago

0.1.95

5 years ago

0.1.94

5 years ago

0.1.93

5 years ago

0.1.91

5 years ago

0.1.92

5 years ago

0.1.90

5 years ago

0.1.89

5 years ago

0.1.88

5 years ago

0.1.86

5 years ago

0.1.85

5 years ago

0.1.84

5 years ago

0.1.83

5 years ago

0.1.82

5 years ago

0.1.81

5 years ago

0.1.80

5 years ago

0.1.79

5 years ago

0.1.78

5 years ago

0.1.74

5 years ago

0.1.75

5 years ago

0.1.76

5 years ago

0.1.77

5 years ago

0.1.71

5 years ago

0.1.72

5 years ago

0.1.73

5 years ago

0.1.70

5 years ago

0.1.69

5 years ago

0.1.68

5 years ago

0.1.67

5 years ago

0.1.66

5 years ago

0.1.65

5 years ago

0.1.64

5 years ago

0.1.63

5 years ago

0.1.62

5 years ago

0.1.60

5 years ago

0.1.61

5 years ago

0.1.55

5 years ago

0.1.58

5 years ago

0.1.59

5 years ago

0.1.54

5 years ago

0.1.53

5 years ago

0.1.52

5 years ago

0.1.50

5 years ago

0.1.49

5 years ago

0.1.48

5 years ago

0.1.47

5 years ago

0.1.41

5 years ago

0.1.42

5 years ago

0.1.43

5 years ago

0.1.44

5 years ago

0.1.45

5 years ago

0.1.46

5 years ago

0.1.40

5 years ago

0.1.37

5 years ago

0.1.38

5 years ago

0.1.39

5 years ago

0.1.35

5 years ago

0.1.36

5 years ago

0.1.34

5 years ago

0.1.33

5 years ago

0.1.32

5 years ago

0.1.31

5 years ago

0.1.30

5 years ago

0.1.29

5 years ago

0.1.28

5 years ago

0.1.22

5 years ago

0.1.23

5 years ago

0.1.24

5 years ago

0.1.25

5 years ago

0.1.21

5 years ago

0.1.19

5 years ago

0.1.18

5 years ago

0.1.16

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.13

5 years ago