You can upload custom widgets, contained within extension files, to be used in your store. Refer to Create an Extension in Developing Widgets for further information.
Note: Deactivating an extension that contains widgets you are using means you will lose any changes made to them.
You can manipulate the design code for each of the custom widget’s HTML templates as well as the LESS/CSS and JavaScript files. The code is available for editing from within the Code menu tab, after the widget has been assigned to a Layout.
Note: The widget JavaScript is only editable for custom widgets that have had their editable JavaScript property activated.
To modify the code for an extension:
Open the Design tab and click Code.
Scroll down to view the Extensions option and select the one you want to edit.
The HTML Template window opens, displaying the lines of HTML code. Immediately above the menu tabs is the Expand Editor icon which allows you to view full screen mode.
Modify the code, as required.
Click Save to confirm your changes or click Cancel to discard them.
Click the Style Sheet tab to display the LESS/CSS.
Modify the code as required.
Click Save to confirm your changes or click Cancel to discard them.
Select the JavaScript option immediately below the list of widget instances.
The JavaScript window opens allowing you to directly edit the widget’s JavaScript.
Modify the code as required.
Click Save to confirm your changes, Restore to return to the original JavaScript before editing commenced, or click Cancel to discard them.
Note: Saving your JavaScript changes will apply to all instances of that widget.
You can click the Preview button to see how the changes will appear in your web store before going live.
