Skip to main content

Dimensions in 3D Viewer

Learn how to display product dimensions in your 3D models

Mattias Österberg avatar
Written by Mattias Österberg
Updated this week

What it is

Dimensions is an add-on in the Fibbl 3D Viewer that shows the product’s length, height, and width as an overlay. It helps customers quickly understand the physical size of your product — especially important for categories like luggage and bags, or even tall functional shoes like motorcycle boots or ski boots.

How to add the dimensions to your products

There are three options on how to add the correct numbers for H/W/D

  • Production data - If you add the dimension data along with the general production data during the model production phase we will add the dimensions to your models automatically.

  • Product shopping feed - It's common to have dimension data already in the existing product feed. If this is the case for you then the dimensions data can be added to the models when you import you product in the the Fibbl platform. To do this make sure that the product length/width/height are added to your product feed according to the Google standard. Then enable the feature with the toggle "Use dimensions from catalogs". The data will be updated every night. You can also parse the feeds directly.

    Read more on how to import your feeds here

  • Manual - You can also add the numbers one by one on the model detail pages (Manage > Model Details):


Implementation

  • The simplest way to implement the dimensions toggle in to use the built in toggle. You can add the toggle to the model viewer via the Dist Settings or directly on the code. Read more here

  • You can also add you own custom toggle/button. Most common way to do this is to add a script that set the dimensions-visibility attribute value depending on the toggle state.

Localization

Dimensions are automatically shown in the correct unit system based on locale:

  • Centimeters (cm) for metric locales

  • Inches (in) for imperial locales (e.g. en-US)

Best practices

  • Ensure your product measurements are included in your production order list for best accuracy

  • Reach out to your CSM if any numbers need to be corrected or fine-tuned

  • Use dimensions in combination with AR placement or annotations for added clarity

  • Consider enabling dimensions by default for product types where size is critical (e.g. luggage)

Did this answer your question?