Customize Production Order adding image field

Good day all,
I’m new here, I need help showing the image in my Production Order form from BOM or Item, I read custom scripts here but I can’t find a solution for that…
This is what I did so far
customize Production Order
add the field image
type: attach image
added image view field
type: image view
options: image
but nothing happens, so I read some post here and I think custom script can do what I need, but I can’t find any similar topics for this to show an image, I tried to search from google and bump on this website wiki erpnext and copy the code then modify to what i like to do, it’s embarrassing to show this modified code but I’m here to learn so if you please help me where to start and where I can read and learn this custom scripting. anyway heres my code :persevere::persevere::persevere::

frappe.ui.form.on("BOM ", {
var d = locals[cdt][cdn];
    frappe.db.get_value("Image View", {"name": d.image_view}, function(value)

Edit: I would like to do like BOM to show image like this

here in my production order

This is my ERPNext version