Integrating 3D models into nopCommerce is a little tricky.
The 3D model was working perfectly at the .netcore web project but not working at the nopCommerce plugin. It took a long time to figure out the issue. The below codes are needed to use for showing 3D models in the concrete class of the INopStartup.
public void Configure(IApplicationBuilder application)
{
application.UseStaticFiles(
new StaticFileOptions
{
ServeUnknownFileTypes = true,
DefaultContentType = "text/plane"
});
}
The js hierarchy
NopHtml.AppendScriptParts(ResourceLocation.Footer, "~/Plugins/Payments.PayPalStandard/Content/appscripts/appscripts.js", excludeFromBundle: true);
NopHtml.AppendScriptParts(ResourceLocation.Footer, "~/Plugins/Payments.PayPalStandard/Content/lib/threejs/OrbitControls.js", excludeFromBundle: true);
NopHtml.AppendScriptParts(ResourceLocation.Footer, "~/Plugins/Payments.PayPalStandard/Content/lib/threejs/OBJLoader.js", excludeFromBundle: true);
NopHtml.AppendScriptParts(ResourceLocation.Footer, "~/Plugins/Payments.PayPalStandard/Content/lib/threejs/three.min.js", excludeFromBundle: true);
The output
https://ibb.co/wN5w8j4