3D Bits App For Shopify

Learn how to use 3D Bits app for Shopify to create 3D models and parametric designs for your online store. This course will teach you how to use our app and how to integrate it with your Shopify store.

Advanced
Free
TypeScript
Image showing abstract parametric model

How To Make Parametric 3D Product Configurator Of Table With Plant 3D Scan Using Shopify 3D Bits App

In this tutorial, you'll learn how to set up a 3D table configurator on your Shopify store using the 3D Bits app. Matas Ubarevicius will guide you through the process, showing you how to create variants and add custom Liquid code for line items. This will let you control various aspects of the 3D model, such as the table's height and leg thickness, using easy-to-use sliders.

We'll also include a 3D scan of a plant in the middle of the table, created using a special technique called Gaussian splatting. By the end of this tutorial, you'll know how to handle more complex designs and showcase them on your Shopify store's 3D product page.

You'll be able to use these skills in other 3D projects on Shopify as well. Throughout the tutorial, we'll use the BITBYBIT RUNNER theme app extension to link the input controls with the 3D model, using the BabylonJS game engine and OpenCascade algorithms.

< PreviousNext >

Course lectures

These are all the lectures of the course. Navigate freely between them by clicking.

Approximate Time Required: 154 minutes