Creating the menu items / Front-end layouts

Introduction

After ceating the Custom Products and their Groups it's time to create the appropriate menu items to display the product builder layouts to the Front-end.
Product Builder comes with 2 different layouts. Each menu item type represents a different layout.
There is one layout for displaying and customizing a custom product and one for displaying a list with the exitsing custom products (Custom Products Browse Page).

Menu Items Settings

The menu items come with a series of settings. The menu items settings are overwriting the settings of the Product Builder component.

Lets see some of those settings.

Required Settings

Here you have to select the Custom Product you intent to display in that layout. This setting is mandatory so you have to select a Custom Product from the list.

Basic Options

Consists of some options that concern this layout. Every type of layout has different features, so you have to set which of those features and how you want to use them.

Component Options

Here there are some of those settings that exist also in the Product Builder Component's settings. As these settings are overwriting the component's settings you have to check them carefully. They regard some important issues such as the price display, the compatibility button display the group display type and others.

Steps/Pages

Using the steps you can split the groups display to different pages. This way the user experience can become much better and less tiring.
Here is how it works:

You have to press the "New Step" button wherever you want to add a page break. This will split your groups at that point and create a new step. Using the title inputs (below the groups) you can set the titles of each step.