User guide - Storage Configurator

This section provides information on how to launch and begin 3D planning in the "HomeByMe for Home Retailers" website along with the information about the icons used in the application.

Launch 3D Planning Experience

Visit HomeByMe for Home Retailers to explore the application and its products.

Launch the Home Retailers Planner

While opening the Home Retailers planner, the loader appears with the brand logo before loading the home Retailers planner, as shown below:
The color of the spinner changes from black to blue.

To see detailed user experience of Home Retailers Planner, visit the User Guide of Home Retailers Planner 🔗.

Launch the Storage Configurator

Storage Configurator can be launched only through Home Retailers planner. To access to this configurator, you can click on Configurators entry point displayed in the top bar and select Closet Configurator link.

To start the experience with the Storage Configurator, you need to first save your project if it is not previously saved. If you are not logged, a pop-in is displayed to ask you to connect with your personal account.

When you are logged, a pop-in is displayed to ask you to save your project. You can change the name of your project and enter a description. When this step is done, you can click on Save button to continue the experience.

Icons Used in the Application

Before you start the application, it is helpful to know how to use HomeByMe for Storage Configurator features. Many of the features you use are accessible on the planner with printed commands on them.

These features are context sensitive, which means that commands are grayed out if the features are not available for your current task. Sometimes, the features do not appear at all, so it is helpful to know where you can access them.

Features that have text command printed on them are not mentioned below.

1. Manipulators

Feature	Icon	Command	Command Location
Move		Allows moving the product, sub-product or accessory in all directions	Planner
Rotate		Allows rotating the product, sub-product or accessory	Planner
Elevate		Allows elevating the product	Planner

2. Avatar

Feature	Icon	Command	Command Location
Avatar		Allows moving the avatar in the room	Planner

3. Navigation Icons

The navigation icons allow you to switch from a 3D view to 2D view.

Feature	Icon	Command	Command Location
2D view		Activates the 2D view. You can edit your products in this view.	Planner
3D view		Activates the 3D view. You can visualize your project in 3D and edit your products.	Planner

4. View Mode Options

Feature	Icon	Command	Command Location
Zoom-in		Moves you closer	Above view options
Zoom-out		Moves you away	Above view options
View Mode Options		Different view mode options	View options

You can select the View mode options in 2D/3D view.

• Click the icon. The view mode options are displayed, as shown below:

To display or not the front attached to a box, select the state of the toggle you want, as shown below:

5. Project Name

Feature	Icon	Command	Command Location
Edit Project Name		Edit Project Name	On project name text

6. Command Bar

Feature	Icon	Command	Command Location
Undo		Cancels the previous action	Command bar
Redo		Repeats the previous action	Command bar
Cancel		Cancel the configuration and go back to Home Planner	Command bar
Finish		Validate the configuration and go back to Home Planner	Command bar

7. Product Information

The **Product Information" icon is available in the catalog beside each product name as follows:

Feature	Icon	Command	Command Location
Information		Provides product information	Beside product name

Start From A Room

If you have several rooms, a layer is displayed to allow to select a room. Select a room in your project and click Validate.

As it is a configuration experience, only one room can be displayed in the configurator. If you want to work in another room, you need to close the configurator, relaunch it again and select the room you want.

While opening the Storage Configurator, the loader appears with the brand logo before loading the configurator, as shown below:
The color of the spinner changes from black to blue and it can customized through the dynamic branding configuration.

For more details about Dynamic Branding, visit the Dynamic Branding documentation 🔗.

The Storage Configurator is launched.

Add A Storage Structure

You can add a product through the Closet properties menu at the top left of the Configurator.

The Closet properties menu is customizable depending of the different categories you want to display in the menu.

For more details, visit the Application Distribution documentation 🔗.

When you click on one property, a catalog is displayed to browse the different products with the chosen category.

You can add directly a product in the room by draging and droping it from the catalog.

If you would like to choose another category in the Closet properties, click on Back button to go back to the main menu.

Add A Sub-component And Accessories

After adding a closet structure, you can build the interior of the boxes or add some accessories if the products are compatibles.

You can add directly a sub-component in the box by draging and droping it from the catalog.

Add A Door

After adding a closet structure and several sub-components or accessories, you can add a door for your configuration if this door is compatible.

You can add directly a soor on the configuration by draging and droping it from the catalog.

Edit A product

The Storage Configurator allows you to customize the products inserted in the configuration.

1. Select the product, the edit options panel is displayed, as shown below:

Option	Function
Animate	Animate the selected product.
Duplicate	Duplicates the selected product.
Delete	Deletes the selected product.

Product Configuration Panel

Basic options

You can edit every options of a box, a subcomponent or an accessory.

• Edit options differ with type of product. Only editable features are displayed in the Product Configuration Panel.

To do so, first, select a product. The Product Configuration Panel is shown as follows:

There are different options you can modify to customize your product.

Dimensions section allows you to edit the width, depth and height dimensions of the product.

If the range maintainer defines several products attached to this box, several options are displayed and configurable in the panel, as shown in the example:

The default value is selected and represented in the first position of the list. If you want to remove this option, you need to click on the cross button. If you would like to see more products for this option, you need to click on View more button to display the catalog of available products.

If the range maintainer defines several options activable or deactivable, we display a toggle button for these options.

Compatible Items

To help the user to build his configuration, we propose a feature to show compatible items such as sub-components and accessories for the selected box.

This feature is only available for top products (i.e. box, structure, etc.), it cannot be possible to show compatibilities between sub-components and accessories.

If you want to see the compatible products for a box or a structure, click on Show button and the dedicated catalog with compatible products is shown:

Drag and drop a product from this catalog and position it in the box you want.

Non-compatible Products Management

The Storage Configurator manages the non-compatible products. For example, if a sub-component is not compatible with a box, we will display a red notification to mention that this product does not fit anywhere when you try to insert a non-compatible product.

We also manage the non-compatibility when the configuration is already made and you want to change the dimensions of your box. If any sub-component or accessory is no longer compatible, we display a red notification to mention the compatibility issue and we highlight the impacted product in red.

Finalize My Configuration

When you have finished your Storage Configuration, you can click on Finish button displayed at the top right of the configurator.

A loader is displayed in order to allow the Storage Configurator to generate the dedicated 2D Plans of your configuration. When this step is done, Home Planner is now displayed with the updated price of your configuration.

If you would like to see the generated 2D Plans of your configuration, you can click on Project overview link below the total price of your project.

The Project Overview default widget is displayed, you can click on My pictures link to see the medias of your configuration. For more details about generated 2D Plans, click on the tab 2D Plans.

Click on the thumbnail to see the generation 2D Plans in details.

Edit My Previous Configuration

If your previous configuration is not finished and you would like to modify it, click on the configuration product. Edit button is displayed in the dedicated window.

The Storage Configurator is launched and you can proceed to the modifications of your existing configuration.

Create New Configuration

You can create multiple configuration in Home Retailers application.

To create new configuration:

1. Click the Configurators option.

2. Click the Closet Configurator option, the window to create a new configuration is displayed, shown below:

3. Select the Create a new configuration option.

4. Click the Validate button, the configurator is displayed, as shown below:

To open the existing created configuration:

1. Select the configuration in the Closet configurator, as shown below:

2. Click the Validate button.

---