Sample v4 Carousel Style Media Widget
Optional Branded Overlays
Enhance your media with a custom dealer-branded overlay across interior 360° views, exterior spins, videos, and photos. With videos, you can go even further—remove the native audio, add background music to match your brand’s vibe, and include a branded bumper clip at the start for maximum impact. For this demo vehicle, we did not include branding overlays in order to keep the presentation dealer- and brand-neutral.
Installation Instructions
Place the container where you want the widget to appear. Generally this is at the very top of the page and replaces the website providers native slider/carousel. Replace VIN_GOES_HERE with the actual VIN on the page.
<div class="walkthelot" data-vin="VIN_GOES_HERE" data-spin-aspect="16/9"></div>
Place the following script code anywhere after the DIV code mentioned above. Typically towards the bottom of the page after all other HTML.
<script src="//weblot.walkthelot.com/widgets/360/v4-owl/js/embed-owl-v4.js" defer></script>
Optional tuning (via data attributes)
-
data-spin-aspect
Controls the aspect ratio of the spin. The value is either 16/9 or 4/3.
-
data-dealer-id
In the unlikely event that another dealer rooftop has the same VIN, specifying your Dealer ID can rectify a wrong vehicle being displayed.
Optional tuning of buttons (via WebLot settings)
You can set your own custom colors with their hex color codes such as #E1E1E1, named colors such as Red, Navy, etc., or rgb colors such as rgba(255,255,255,.75).
See Inside & See Outside Buttons:
-
Accent Text Color, Accent Text Hover Color, Accent Background Color, Accent Background Hover Color