Setting up the user interface of the designer

Modified on Fri, 12 Apr 2024 at 12:05 PM

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.


Page

The product designer will be displayed directly inside the page.


Lightbox

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


Page after user clicks on the customization button

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.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article