Add line item properties to quick order list on trade theme?

Technical Q&A
,
1

I really like the quick order list section on the trade theme:

Skedio_0-1730994465205.png
Skedio_0-1730994465205.png1195×606 30.4 KB

However, I am struggling to figure out how to allow customers to upload a logo to be carried through on the order when they add products via the quick order list shown above.

I already know how to code in the line item property functionality for a traditional “add to cart” product form:

Skedio_1-1730994552279.png
Skedio_1-1730994552279.png967×417 193 KB

Any help is appreciated for getting the above done for the “Quick Order List” on Shopify’s Trade theme.

Thank you.

2

A lot of JS coding would be necessary as existing code only works with id and quantity.

Alternatively – consider uploading logo on the cart page as cart properties? I doubt customers would want different logos in one order.

1 Like
3

Hi Tim, thank you so much for your response. If all else fails this was my plan!

Could you point me in the right direction of where the code is adding the product to the basket? I have been so focused on finding a quick order list form that I overlooked the possibility of it being in a JS file.

4

These are quick-order-list.js (custom element for “quick-order-list”) and class BulkAdd in global.js