Interactive Box Build Planner with Drag-and-Drop Layers & PDF Cart Integration

Question:
How can I build a drag-and-drop box planner with layered image support, product data display, and PDF/cart integration?

Product:
Wix Editor I think. I also payed for the premium Wix.

What are you trying to achieve:
Can someone help me with the code or how I would go about creating a box build planner that functions by dragging and dropping images onto a grid. The grid will have a cup layer, a lid layer, and an edge feature layer so the images can be on top of each other. There will be check boxes to turn off or on the layer visibility so the images in that layer disappear and reappear. There will be a border around the grid to define the grid working space.

The images are different sizes to represent the different physical sizes that are available in the store. It creates a list from the images and the quantity of images which can be added to the cart by pressing a button.

The button should also print each layer in the grid and the list to a pdf file that is included in the cart for reference. The list will be on the right side of the grid and will be displayed with the following columns with data pulled from the products. Name, sku, price and qty.

Any help would be extremely helpful thank you!!