Custom script

Currently, the module only has this flag that can be set using JavaScript:

Skipping the summary modification

(Available since v1.178.24)

Normally, the module moves the summary out of the modal dialog and displays it in the page content.

If your theme already has a summary block in the page content, you can skip this modification by setting the dsn_skip_summary flag to true:

window.dsn_skip_summary = true;

This is to avoid having the summary displayed twice on the page.

Custom coding

To help with custom coding, the module exposes several "stores" that are accessible under window.dsn_stores

You can use the subscribe function to listen to changes in the store:

{
    design: 'Holds the design data',
    image: 'Contains the image tab parameters',
    layers: 'Holds the visual options data',
    prices: 'Contains the displayed prices',
    text: 'Contains the text tab parameters',
    ui: 'Represents the ui state'
}

window.dsn_stores.design.subscribe(function (design_data) {
  console.log('Design store value changed:', design_data);
});

Detect the interface display

You can detect when the designer is loaded by listening for the dsn-loaded event.

document.addEventListener('dsn-loaded', function () {
  console.log('Designer loaded');
});

Load the interface

You can load the interface by calling the loadProductDesigner function. The page will scroll to the designer automatically.

window.loadProductDesigner();