Add line item properties via the API
hey @HunkyBill,
I am trying to get an image to appear in Shopify Order tab under the Order placed item. I manage to get a link over to it like in the Image below.. but the issue now is that it opens "localhost:800/image" as the url. I do not have a database on my E-commerce. is there a way to submit the whole image.. without having to store the image in our own database and then send the link via a custom attribute?
here is what I have up to now... When you press on Link it opens up "http://localhost:8000/b51ef9f1-f712-4fe1-b0af-76bdaf3af05c" but it doesn't exist.. is there a way to have Shopify store that image or URL passed in? Should I be passing some sort of other key and value?
My code:
const addPrescriptionToCart = async (file) => {
const image = URL.createObjectURL(file);
return image;
};
// addProductToCart awaits the visitor action to click add to cart.
const addProductToCart = async (variantId, file) => {
try {
setLoading(true);
const image = URL.createObjectURL(file).replace('blob:', '');
// the product Item and quantity
const lineItems = [
{
variantId,
quantity: 1,
customAttributes: [{ key: 'Photo', value: `${image}` }],
},
];
// adds Item to checkout card which takes the Id from newCheckout
const newCheckout = await client.checkout.addLineItems(
checkout.id,
lineItems,
);
setCheckout(newCheckout);
setLoading(false);
} catch (e) {
setLoading(false);
throw new Error('Error in AddProductToCart', e);
}
};
