Custom product in checkout

[Korsaaaa]

Hello!

I am currently creating a form of configurator for some furniture. By using this, it is possible to choose from different modules, and therefore it is possible for the product to have over 6 million configurations. Therefore we have split the product up in theese modules, and are storing them in RackBeat.

If there is a better solution for this, i am open for everything.

This is a picture of the configurator, and the response underneath is what i get from our api service, that fetches the data from RackBeat, that gives the product numbers, price and src to the image of the product.

The primary problem right now is the adding to cart. I have tried to start it from a single placeholder product on shopify, that holds the data from the api response, as properties on the product. Then i created a script, that took the properties from the product, hided it from the user, and overwrite the products price, name and image. This worked great, untill i pressed go to checkout, where i found out, that i cant modify anything, and the placeholder product were displayed as free, no image and all the properties shown underneath.

I hope there is someone who have a solution for this.

Best Regards
Mikkel Korsaa

[KyleG-Shopify]

Hey Mikkel,

Taking a look above, can you share a little more context on your environment? For example are you using a custom storefront or the online store (.liquid) with an app proxy?

Currently it’s required to have an associated product or variant to pass to the cart, so that would explain why once you go to checkout you are seeing your placeholder product instead of the customized options. I would recommend looking to see if our bundles functionality will work for you: About product bundles

Alternatively, you could look in to into the Admin API draft orders which does allow for custom products to be added to an order: orderCreate - GraphQL Admin

I have also seen some developers use an app proxy to update the product options with a new variant and add that newly created variant to the cart so the details will be properly passed over to the checkout.

[Korsaaaa]

I am fairly new to shopify, so i am not sure about the environment. We are using a custom theme, where the provided image, is created through a .liquid file in the code editor. I will take a look on the links you send, and get back, provided this information doesn’t change anything for these solutions. Ty for the feedback!