Create div markup from JSON
£20-250 GBP
Paid on delivery
Hi, this is a much simpler job than it was because I have done the first bit of the job to make it clear (I have mapped out the JSON myself, please see attached screenshot of the object with my annotations).
This can all be done clientside in your browser console - no backend server access needed, no plugins needed, etc.
I need the "child" products contained in the JSON to be summarised with JS into an HTML list and inserted into point x in the html :
- point x will be before/after a class/id/etc. That css selector location should be hard coded as a variable at the start of the js
- the method call in the graphic needs to use the correct 'parent' id (collected from the html meta data : product id "716" in the example image)
- get only child products with quantity >=1
- datapoints needed for each child product are: image, titles, variant attributes+values (if any), quantities.
- each product is to have it's own div with a shared childproduct classname
- each datapoint in a childproduct div must also have its own div and class name e.g. title or image
- all data is in the JSON, except the image url
- you use the correct product id from the JSON to get each image URL via a simple REST call. the correct product id is explained in the image, e.g. simple vs variable (the image must be the one in position zero like in [login to view URL])
So you understand the context of the screenshot and what is going on:
- product 716 is a single page composite product
- a composite product is a type of product builder, using other products (like build your own PC)
- composite product selections can be simple, variable (attribute based: red, big, etc.) or even "bundle" child products
- bundle products are also annotated in the JSON screenshot. bundles contain yet more child products that you buy more than one of at a time. It is those selected children that are to be in the list
In short the point of this list is to show the things a buyer will actually receive. That means all product selections actually made by a buyer (in structured divs that we can later CSS on demand).
Many thanks. Please ask any questions you need!
Project ID: #12980965
About the project
15 freelancers are bidding on average £148 for this job
Ready to work with you, Would like to discuss it further.. let me know if you are free to discuss..........
Studying at IIT Madras, We are a team of JavaScript enthusiast and have been developing web apps and games using JS for over 3 years. I understood your project completely and its easy for us to do this. New profile on More
