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 Prepare 3D Gaussian Splatting Scan Of The Bike And Sell Via 3D Bits App For Shopify

In this tutorial we teach you how to edit 3D Gaussian splatting scans taken on your mobile phone. We use the SuperSplat editor by PlayCanvas and then export the file, which we upload on Shopify CDN.

Then we take the link url to that file and use that link in the visual bitbybit.dev script to load the model into the 3D scene. Then script is exported to BITBYBIT RUNNER theme app extension via JavaScript and integrated via the inline script metafield into the product page. In this video lecture we discuss some other aspects of integration, like camera positioning, background color. This illustrates how static files can be exposed as products on 3D Bits app.

< PreviousNext >

Course lectures

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

Approximate Time Required: 154 minutes