Overview: When it comes to flooring materials, such as tiles, laminate, or hardwood, the way the materials are arranged on the surface plays a huge role in the final look of a room. In real life, if you've ever done a home renovation, you know that flooring can be applied in different styles, or "layouts." These layouts change how a floor looks and feels, whether you're aiming for something traditional, modern, or even rustic. The layout is about how each piece of flooring material is arranged next to the other, creating patterns that can dramatically affect the aesthetic of a space.
Understanding Layouts: In a typical renovation, if you're laying down tiles or laminate in your apartment, you're often given different options for how to apply them. For example, you could apply tiles in a straight grid (called "no offset"), or you might stagger them halfway between each other ("1/2 offset"), which gives a more dynamic look. These are the decisions you make based on how you want the room to feel, as some patterns can make the room look more spacious, or others more intricate and decorative.
This article explains some common flooring layouts you can use when importing materials into the PIM system, making it easy to understand how the material will appear once applied.
Visual Examples of Layouts:
Default Layout Table for Various Materials:
The table below illustrates which layouts are available by default and which can be enabled during the import process.
tile | laminate | carpet | carpet_roll | carpet_tile | linoleum | hardwood_flooring | engineered_wood_flooring | vinyl_flooring | |
|---|---|---|---|---|---|---|---|---|---|
no_offset | ✅ |
| ✅ | ✅ | ✅ | ✅ |
|
|
|
1_2_offset | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
1_2_offset_horizontal | ❌ | ❌ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ❌ |
1_3_offset | ✅ | ✅ | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ | ✅ |
random_offset |
| ✅ | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ | ✅ |
basket_weave |
|
| ❌ | ❌ | ❌ | ❌ |
|
|
|
chevron |
|
| ❌ | ❌ | ❌ | ❌ |
|
|
|
herringbone |
|
| ❌ | ❌ | ❌ | ❌ |
|
|
|
Key:
✅ = Default layout
= Optional layout, must be enabled during import❌ = Not available for this material type
How to Enable Additional Layouts:
When importing new products into the PIM system, you can specify additional layouts by passing a list of desired patterns in the layout property. This ensures that all relevant layout options are available during visualization. You can manually control the order in which layouts appear in the UI of Visualizer. Simply list the desired layout order in the import file including default and additional layouts.
| Info |
|---|
Note on Layouts and Product Visualization: |