Extension Point

Extension points allow the insertion of custom content at specified locations. For example:

import { extend } from 'shoplazza-extension-ui';

extend({
  extensionPoint: 'Checkout::Navigate::RenderBefore',
  component: "<h1>Hello, Shoplazza!</h1>"
});

The code above adds a "Hello, Shoplazza!" title above the navigation bar.

If the component is complex, you can use a headless component library, less.JS, which is built into the extension and can be used out of the box.

Available extension points include: