Open navigation

Setting up the user interface of the designer

General Layout Options

In Settings > General > Display tab  you find various options to configure the layout and look of the designer.


Display Behaviour

The Option "Open Product Designer In..." will set the display of the product designer, when and where it appears.

PageLightboxNext Page Customization

The product designer will be displayed directly inside the page.


The product designer will be opened in a lightbox, right now only the sidebar layout (see UI Composer) can be used in lightbox mode.


The product designer will be displayed in the page after the customer clicks on the "Customize" button.



UI Composer

Important
In the UI Composer, you focus solely on configuring the user interface elements of the product designer, excluding the content for your customizable products. This content is instead managed and created within the Product Builder backend.


The UI Composer will help you to create your own user interface. You can choose from different layout options (depends on the selected main UI theme - see above), toggle modules and actions for your case, customize the colors and add your CSS.

You can even create different UI layouts and assign these to your shop products. This is useful if you want to display specific modules for one product, but hide these for another product.



In the UI Composer, you focus solely on configuring the user interface elements of the product designer, excluding the content for your customizable products. This content is instead managed and created within the Product Builder backend.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.