Skip to main content

Type Alias: SetCarouselView()

SetCarouselView = (viewId) => Promise<void>

Function

Switches the active view in the product visualization.

This method changes which view of the product is currently displayed, allowing users to see different angles or representations. For standard products, this switches between different 2D views or the 3D model. Providing an empty string activates the 3D view.

View switching is essential for comprehensive product examination, helping users evaluate products from all angles.

Parameters​

viewId​

string

ID of the view to display, or empty string for 3D view

Returns​

Promise<void>

Example​

// Switch to a specific 2D view when its thumbnail is clicked
document.querySelectorAll('.view-thumbnail').forEach(thumb => {
  thumb.addEventListener('click', () => {
    window.mimeeqApp.actions.setCarouselView(thumb.dataset.viewId);
  });
});

// Switch back to 3D view
document.getElementById('view-3d-btn').addEventListener('click', () => {
  window.mimeeqApp.actions.setCarouselView('');
});