Adding Three.js view to shopify page

inlivity
Tourist
5 0 5

I created a product configurator that should be embedded in a shopify store. The configurator is written in js and uses the three.js framework for rendering webgl content. It's also including many js files.

 

I'm new to Shopify and now trying to add the configurator to the products page of my store.

 

I want to have it maintainable and need a small advise on how to do that.

 

Should I implement a private shopify app and put my product configurator there? 

Replies 3 (3)
SBD_
Shopify Staff
Shopify Staff
1098 146 229

Hey @inlivity,

 

You shouldn't need an app for this - you can add the JS files to the theme assets (Admin > Online Store > Themes > Edit Code > Assets) and then load them on the product page (templates/product.liquid).

 

{{ 'some-js-file.js' | asset_url }}

Scott | Developer Support @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

JaviTobon
New Member
2 0 2

Hi! Could you find a solution to implement Three.js in Shopify? I am doing this but I have had several problems too, could you give me some recommendation or example? Thank you!

moodywaa
New Member
2 0 1

did you find a solution for it yet