How to upload your own 3D model in the BRIKL system

< Continue Browse

This section provide a step-by-step guide on how to upload your own 3D model

Step 1 - Create a new product

Go to Catalog and create a new product.

BRIKL Dashboard - New product
BRIKL Dashboard - New product

Fill out the required information: ID, Title and Slug. Also, enable the "Enabled" and "Is Custom Product" boxes.

BRIKL Dashboard - Fill out  product
BRIKL Dashboard - Fill out  product

Step 2 - Add the 3D model files

Open the Studio Editor.

BRIKL Dashboard - Open Studio Editor
BRIKL Dashboard - Open Studio Editor

Since no 3D model files have been uploaded yet, the initial screen after loading will be empty. Go to Studio Settings in the right top corner.

BRIKL Dashboard - Studio Settings
BRIKL Dashboard - Studio Settings

You are now ready to upload following:

  • obj file
  • mtl file
  • uv map
  • background (this is optional)

To help you get started, you can download a number of test files here.

  • obj file (download a test file here)
  • mtl file (download a test file here)
  • uv map (download a test file here)

After you've uploaded the files, make sure to do a hard reload of your browser page (option/ctrl/r) to update the data.

BRIKL Dashboard - Assets
BRIKL Dashboard - 3D Model Assets

In case you've created your own obj file, you need to make sure that at least one SVG path has a DIM tag. This is needed so that the actual size of the product elements can be defined by the BRIKL software. For example, in the below example you need to update: DIM_x5F_W53.13_x5F_H4.29
with:
DIM_x5F_W$WIDTHINCMHERE_x5F_H$HEIGHTINCMHERE

SVG dimension

Step 3 - Add a Design Template

Once you have uploaded the 3D model files (and a custom background), you will notice, that the Studio is still empty. As a next step, you now need to add a design template. We have outlined a summary of the key steps below on how to upload a design template.

For more detailed information on this and to understand how to create a design template, you can read up on our next chapter: How to add a Design Template. Make sure to also read up on How to add a 3D preview image guide.

To help you get started, you can download a number of test files here.

  • Design template in svg format (download here)
  • Design template preview in png format (download here).

Go to Studio Settings.

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Settings

Click on Design templates

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Design Template)

Add a new design template

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Add new design template)

Open new design template

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Open new design template)

Add the Design template

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Add a design template svg)

You will notice that the 3D model with your design template is now visible.

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Load a new design template)

Add a 3D preview image

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (Add 3D preview image)

You will now see the 3D preview image in the Design Template tab

BRIKL Dashboard - Studio Editor
BRIKL Dashboard - Studio Editor (3D preview image)

Congratulations. You have added your first 3D model and design template. What's next? You can read up on the next steps in following chapters:

Copyright © 2020 BRIKL BV, Belgium/Europe