Detailed Walkthrough: Online Cabinet Layout Builder

CTech Manufacturing > Detailed Walkthrough: Online Cabinet Layout Builder

Weston, WI – January 8, 2021: CTech’s powerful online cabinet layout builder makes designing and ordering custom cabinets a breeze, but there’s a lot to it. With the help of this in-depth walkthrough, you will be ready to take full advantage of all the exciting features offered by this innovative online tool.

If at any time you run into problems, questions, or concerns, do not hesitate to send us a message using the quick chat function located in the lower righthand corner of the screen. You may also contact us on social media, inquire on the website, or give us a call during normal business hours.

watch a video version of this detailed walkthrough on our youtube page

Entering The Cabinet Layout Builder

Locate and launch the layout builder in just two clicks of the mouse. Simply head to ctechmanufacturing.com/shop or click the “Shop Online” button located in the top website menu. This will take you to the Cabinet Store.

After navigating to the Cabinet Store, click on the blue oval shaped button labeled “Start Building 🛠”

Basic site navigation leading to the layout builder

Navigating The 3D Rendering Space

Majority of the layout builder interface will be taken up by a rendering space. This is a 3D rendering space that can be manipulated to get a better view of the cabinet system that you are building.

The rendering space has four walls, three of which are displayed. By default, the rendering space will load facing the front wall. Modules placed in the space will also be placed against the front wall by default.

Cropped photo of the 3D rendering space inside the builder interface

Mouse Controls

Left Click & Drag: By left clicking and dragging while your cursor is inside the rendering screen, you will be able to rotate the space itself. You may rotate in any direction

Scroll/Wheel: Scrolling back and forth will either zoom in or out of the rendering space. This is helpful to gain a sense of scale for your cabinet system and individual units.

Right Click & Drag: By right clicking in and dragging while your cursor is inside the rendering screen, you will be able to pan the camera.

Screen Controls

View Reset Buttons: Located along the upper righthand side of the rendering screen are four view reset buttons labeled “FRONT”, “BACK”, “LEFT”, and “RIGHT.” By clicking these buttons, your rendering viewpoint will snap to a point facing the corresponding wall

Screenshot Function: Located to the right of the view reset functions is a small camera icon. By clicking this icon, you can quickly and easily save a screenshot of whatever is currently displaying in your rendering window.

screenshot of the layout builder

Placing Cabinet Modules

The first step in building your cabinet system is placing modules inside the 3D space and adjusting basic dimensions. Cabinets may be placed on any wall and will snap in place when dragged next to other modules. Users have four standard modules to choose from; base, closet, overhead, wall.

Module Color Codes

You will notice that modules placed inside the rendering space will be displayed in a solid color; blue, red, or green. This is purely reflective of the module’s status from a layout perspective. Blue indicated a standalone module. Green indicates one or more modules that are successfully mated together. Red indicates an interference issue between two or more modules.

Cabinet size editing panel w/ Two modules mated successfully (Green Color)

Selecting A Wall: Before placing cabinet modules, you may need to select a desired wall to outfit by using the dropdown menu in the layout builder interface. By default, the “FRONT” wall will be selected, which means cabinets placed in the builder will be up against the front wall.

Placing Modules: To place a module, simply click on the desired cabinet type displayed in the sidebar menu. Modules are placed directly in the middle of the selected wall by default.

Moving Modules: Modules placed inside the rendering space can be moved by simply clicking and dragging. Modules can be moved side-to-side along the wall.

Mating Modules

A major function of this new builder is the ability to link modules together and create a truly cohesive custom cabinet system. To mate multiple modules, all you have to do is slowly drag the two together in the rendering space and they will snap into place. Two or more modules are successfully mated inside the builder when they display as green blocks.

Adjusting Cabinet Module Dimensions

After placing a cabinet module you will then have the option to adjust its dimensions. All dimensions are displayed in inches (“). At any time throughout the customization process, you must click on each desired module to bring up individual dimension adjustment options in the layout builder panel on the lefthand side of the interface.

Cabinet Size editing panel with corner unit Leg Length adjustment

Height, width, and depth of each module may be adjusted at any time in the layout portion of the builder. After moving on to the option editing portion of the builder, modules and layout will be set.

Minimum & Maximum Dimensions: The builder has minimum and maximum dimensions that vary for each respective module type. If you exceed these dimensions, the builder will let you know and offer the exact constraints for you to work with.

Cabinet size editing panel detail w/ constraints displayed

Placing/Adjusting Corner Modules

Below the dimension editing inputs for each module you will find options to change said module to a left, or righthand corner unit. At which time, an additional dimension input area will appear in the sidebar labeled “Leg Length.” Adjusting the Leg Length will either expand or contract the length of the cabinet facing the righthand or lefthand wall.


NOTICE: Before moving on to editing cabinet options, make sure that your layout and module dimensions are set. Leaving the option editing portion of the builder and going back to the layout editing area will erase all cabinet options


Editing Global Cabinet System Options

Once cabinet layout and module dimensions are set in stone, you may move into the option editing portion of the builder. This can be done by selecting “SELECT OPTIONS” at the bottom of the layout builder sidebar.

At this point, your cabinet modules will be fully rendered inside the space and new adjustment options will present themselves inside the lefthand sidebar. These initial options are all global options, which means they affect the entire cabinet system. All changes to these options are rendered completely.

Global option editing panel w/ rendered cabinet layout

Finish: This option will change the powder coat finish of your cabinet system. All standard colors are listed inside the builder and will be rendered immediately upon your selection.

Radius Panels: This option is not checked by default. By checking this option, radius panels will be added to any outside or otherwise exposed edge of the cabinet system. This option is commonly found on our ULTRA series cabinets.

Toe Kick: This option is checked by default, and is usually required for stationary applications. It includes our next-generation leveling feet system. Most mobile applications do not require a toe kick, as the bottom of the cabinet frame is mounted directly to the floor.

Top/Back Panel: These options are not checked by default. The top and rearward-facing cabinet panels can be purposefully included or left out with this chat.

Adjusting Cabinet Module Contents

To adjust the compartment options for individual modules, all you have to do is click on the desired module within the rendering window. The selected module should be highlighted and yet another new set of options will present themselves along the lefthand sidebar. Each opening, or compartment, will have its own set of options to adjust.

Cabinet option editing panel w/ base cabinet compartments

Selecting A Specific Opening: Under the “OPENINGS” heading, there will be a small tab representing each compartment within a given module. The dimensions of said compartment are listed next.

Adjusting Door Swing & Adding Drawer Banks: The swing of individual cabinet doors, and number of adjustable shelves can be adjusted for each opening in a given module under the “CONTENTS” heading. Drawer banks can only be added to base cabinet openings.

Cabinet option editing panel detail

Once each opening/compartment for that module has been adjusted, hit “CONFIRM” at the bottom of the sidebar to lock in your changes. You will then be taken back to the global editing area and another module may be selected if needed.

Purchasing Cabinet Systems

Cabinet package price and estimated weight are continuously calculated and displayed in the global editing area. This price does not include shipping or tax, which will be added at checkout.

Global editing panel with cabinet system added to cart

Adding To Cart: If you’ve built a cabinet system that fits your exact needs, it can be added to your cart via the “ADD TO CART” button located towards the bottom of the global option editing area.

Checking Out: Upon adding a cabinet layout to your cart, it will be split up into separate modules for shipping efficiency. Shipping cost will not be added to your running total until a shipping address is put in. At this time, purchases can only be made with a credit card.

Saving/Sharing Cabinet Systems

Just below the “ADD TO CART” button within the global editing are, you also have the option to “SAVE LAYOUT.” This will bring up a small dialog asking for your name and email.

You will then receive a link via email that will take you directly back into the cabinet layout builder with your exact cabinet configuration as it was at that time. That link can be opened by anyone. You may then view or continue editing your cabinet system.

Posted in ,

Max Kittleson

Longtime SCCA member and road racer. Content developer. Knowledge gatherer. Proponent of good storage! I was born and raised around the storage industry thanks to my father; David, who started Closet Concepts LLC with his brother in the late-'80's.

Stay Informed

Sign up for news and notifications by email. We'll send stories, announcements, and press releases directly to your inbox, hot off the press!

Browse the archives.