Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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

Skedio
Shopify Partner
10 0 2

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

Skedio_0-1730994465205.png

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

 

Any help is appreciated for getting the above done for the "Quick Order List" on Shopify's Trade theme.

 

Thank you.

CEO Skedio | 5+ years Shopify Developer | 10+ years C# Developer
Replies 3 (3)

tim
Shopify Partner
3911 394 1435

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.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
Skedio
Shopify Partner
10 0 2

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.

CEO Skedio | 5+ years Shopify Developer | 10+ years C# Developer
tim
Shopify Partner
3911 394 1435

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

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com