Configuring Layouts for Materials

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.

Note on Layouts and Product Visualization:
Any layout configurations applied during the product import process will be reflected in Wizart solutions, including both the Visualizer and the Visualizer API. This ensures that your customers can see and interact with the products using these specific layouts, accurately reflecting how materials will look when applied in real-world settings.