Frontend Developer Manual / 6.4.1 Example 360-Spinner

Frontend Developer Manual / Version 2401

Table Of Contents

6.4.1 Example 360-Spinner

This brick provides the 360 Spinner functionality, to render the content type 360°-View in your theme. It displays a set of images that you can rotate to have a view around a product and therefore includes templates, SCSS and JavaScript.

Figure 6.12. Wireframe of 360°-Spinner on desktop

Figure 6.13. Wireframe of 360°-Spinner on mobile

Adds the spinner-icon to the brick, on click the brick starts to load in the images for the preview
On mouseover of the spinner-brick, the cursor changes into the double arrows to indicate interactivity with the brick
CTA is only available as a hero element and replaces the spinner icon

Search Results

Table Of Contents