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 Structures menu at the top left of the Configurator.
The Closet Structures 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 Structure, 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.
- Select the product, the edit options panel is displayed, as shown below:
Option | Function |
---|---|
![]() | Animate the selected product. |
![]() | Allows to edit and change the position of the selected products. |
![]() | Duplicates the selected product. |
![]() | Deletes the selected product. |
Animate:
You can open/close the openings of the products, as shown below:
Position:
You can edit/modify the position of the products, as shown below:
Duplicate:
You can duplicate the selected products.
Delete:
You can delete the selected products.
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.