Class RavakConfigurator

Staticinit

• init(
      elementOrSelector: string | Element,
      identifier: string & {} | "bathtubs-sets" | "lite-sets" | "yard-sets",
      options?: ConfiguratorInitOptions,
      texts?: Record<string, string>,
  ): Promise<void>

  Function used for Configurator initialization

  Parameters

  • elementOrSelector: string | Element

    Reference to the element on the page or its selector, defining where to mount the configurator. For example "#ravak-configurator"
  • identifier: string & {} | "bathtubs-sets" | "lite-sets" | "yard-sets"

    The configurator identifier
  • Optionaloptions: ConfiguratorInitOptions

    Additional options for configurator initialization
  • Optionaltexts: Record<string, string>

    Object with customized texts to be displayed in the configurator

    The texts need to be provided in the desired language of the configurator.

    Example

      {
        'forms.countryNoResult': 'This country is not available',
        'prices.inactiveTitle': 'Original price',
        'stockDescription.unknown': 'Availability on request',
        'checkout.noItemsError': 'Please add at least one item to order.',
        'checkout.configurationSummary.itemIdentifier': 'Item No.: {0}'
      }
    Copy

  Returns Promise<void>

  Example

  <!-- Place where the configurator should be displayed -->
  <div id="ravak-configurator"></div>
  
  <!-- ... -->
  
  <!-- Initialize the configurator  -->
  <script>
    window.onload = () => {
      const script = document.createElement('script');
      script.src = 'https://ravak-configurator.make3db.com/assets/RavakConfigurator.js';
      script.defer = true;
      script.onload = () => RavakConfigurator.init('#ravak-configurator', 'yard-sets');
      document.body.appendChild(script);
    };
  </script>
  Copy