De Bosch Beton 3D configurator is op 2 modes te integreren in je website:
-
Altijd en meteen interactief, en een dynamische hoogte:
demo
Usecase: Als enige element op een pagina, met alleen een menu boven de configurator.
-
Klikken om actief te maken en altijd 100vh hoog:
demo
Usecase: Als de configurator bijvoorbeeld ergens halverwege op een pagina staat, met boven en/of onder de configurator andere elementen.
In deze mode is de configurator standaard inactief, en kan men de configurator activeren.
Na het activeren van de configurator scrollt deze in beeld en bevat deze het volledige scherm, door op het kruisje
te klikken kan men de configurator de-activeren en weer verder scrollen.
Beschikbase attributen:
-
data-language: stel de taal in van de configurator in.
Beschikbare waarden:
- nl-NL (standaard waarde)
- de-DE
- en-GB
- fr-FR
- da-DK
-
data-mode: stel de mode van de configurator in.
Beschikbare waarden:
- always-interactive (standaard mode)
- click-to-interact
-
data-thank-you-page-url: stel een bedanktpagina URL in, begin altijd met http(s)://
Indien dit atribuut niet aanwezig is dan wordt er een bedankt popup weergegeven.
De hoogte van de configurator kan bepaald worden door het <div id="boschbeton-3d-sleufsilo-configurator"> element via CSS een hoogte mee te geven.
Het meegeven van een hoogte is aan het div-element is verplicht!
Dus bijvoorbeeld, "height: 100vh" of "height: calc(100% - 100px)"