Picture on exploded view of spare parts of engine with add to cart button.

[Vetuscenter]

Hey!

So I am looking for a function where I am able to add in a exploded view of spare parts for in this case boat engines, where the parts are labeld with 1,2,3-10... etc. 

But I can't find any good solutions for my problem, I have all of the images on the exploded views but can't find any good solution for an add to cart feature?

Please help 🙂

[PaulNewton · Accepted solution]

Hi @Vetuscenter this is a very advanced theme customization, or highly specialized use-case for an off-the-shelf app to address.

IF the exploded-view is just a single image file , and you basically need link/hotspots/points-of-interest on areas of that image..

then that's just an image-map under the hood in most situations.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map

For a couple of images to DIY see any of the online image-map generators and hand tailor it with the hardcoded links to products

More dynamic automatic image-maps can be done with theme customizations in tandem with premade coordinate data or possibly using metaobjects for configuration. There's also product personalization apps, or other apps in the product-options category on the app store that might have some sort of image-map~esque feature.

IF the exploded-view is a 3D model, or video etc,  that's' drastically more complicated, and can expensive in either development,apps, or services depending on scope of needs.

If you need this customization, app setup, or consulting then contact me by my email for services, or if you have access private message by clicking here (sloooower).
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.