

Choose a color that fits your brand theme.Īccepted values 0-255 white | light | gray | dark | transparentĮxample "theme-color":)) ĭataUrl: "data:image/jpeg base64,/9j/4AAQSkZJRgABAQAAAQABAAD.", The custom theme color will change the color of the loading bar and the spin effect. Otherwise, if you want to have full control on the background (for example overlaying the rendered 3D on a picture or your own website's branding), you can use the transparent option which will make the 3D Viewer's background completely transparent.Īccepted values white | light | gray | dark | transparent

However, if this does not fit your website's styling, there is the possibility to have a more neutral white background. Style="min-height:450px min-width:300px width:100% height:100% "īy default, the 3D Viewer will display products in a "Gray" environment. Of course, you can also define the viewer size through CSS – for example to be able to manage media queries – and fit the viewer in your responsive layouts.īy default, the inline style attributes are: The viewer is fully responsive and mobile-compatible, so you can set the size best suited for your website. All of these options can be found in the customize embed code tab and easily applied to the embed code. There are a few options available when embedding the 3D Viewer in your website.

All you need to do is copy the embed code from the embed & export tab, and paste it on your own site. You can embed Sayduck's 3D Viewer in your site in a matter of seconds.
