I am new to Shopify and need to confirm Shopify web development capabilities before I start designing the site (I’m new to web developing).
My t-shirts are customizable. Ideally, prior to checkout, the website would show a 3D image of the shirt, that can be rotated and moved around. The customer would then be able to drag and drop (more than one) pre-selected/designed brands & logos onto the t-shirt. The brands & logos could be placed wherever the customer wants on the shirt (except for seems, this would need to be made unavailable) and we would produce the one-off customized shirt for them.
is this a possibility within Shopify’s e-commerce websites?
Thanks,
To implement the desired functionality of displaying a 3D image of the shirt that can be rotated and moved around, you would need to use a 3D modeling and rendering tool to create the interactive 3D representation of the t-shirt. Once you have the 3D model, you can use JavaScript libraries like Three.js or Babylon.js to display and manipulate the 3D image on your Shopify website.
For the drag and drop functionality of pre-selected/designed brands and logos onto the t-shirt, you can utilize HTML5 Drag and Drop API or JavaScript libraries like Dragula or SortableJS. These libraries provide drag and drop capabilities that allow users to interactively place the brands and logos on the t-shirt image.
Thank you, that’s very helpful. Is it possible for the drag and drop feature to work with an actual 3D model of the product, rather than a rendered 3D model? Would HTML5 Drag and Drop API or JavaScript libraries like Dragula or SortableJS work with actual footage of the product?