Skip to main content

Type Alias: SelectPopularConfig()

SelectPopularConfig = (popularConfig) => void

Function

Applies a popular configuration to the current product.

This method sets the product to a specific pre-defined configuration, instantly applying all the options that make up that popular variant. This allows users to quickly switch between recommended setups without manually selecting each option.

When a popular configuration is selected, the configurator updates the 3D model, pricing, and interface to reflect the new selection. The method also records this selection in the configuration history and dispatches appropriate events.

Parameters​

popularConfig​

PopularConfigItem

Popular configuration object with all necessary data

Returns​

void

Example​

// Create a carousel of popular configurations
const popularConfigs = await getPopularConfigurations();

popularConfigs.forEach(config => {
  const configButton = document.createElement('button');
  configButton.className = 'config-button';
  configButton.innerHTML = `<img src="${config.image}" alt="Configuration">`;

  configButton.addEventListener('click', () => {
    // Apply this configuration when clicked
    window.mimeeqApp.actions.selectPopularConfig(config);

    // Update UI to highlight the selected configuration
    document.querySelectorAll('.config-button').forEach(btn => {
      btn.classList.remove('active');
    });
    configButton.classList.add('active');
  });

  document.getElementById('popular-carousel').appendChild(configButton);
});

Emits​

mimeeq-select-popular-variant When a popular configuration is selected

Emits​

mimeeq-app-url-change When the configuration URL needs updating

Emits​

mmq-app-url-change-sandbox For sandbox environment URL changes