To test this feature, visit your live site.

Create cart with customLineItems

Hello,

I am desperately trying for 8 hours to create a cart with custom line items. Document here -> https://dev.wix.com/docs/velo/api-reference/wix-ecom-backend/cart/create-cart

So I created the object below (A simple custom line item based on the documentation and also on the wix platform logs)

So, trying to create the cart using the custom Line Items, I receive the following message:

Line 19 is basically the console.error from the function to create the cart. I don't understand what is the problem here and the error log doesn't give me any indication what is wrong in the code.

Please help me with some advices here :(

Thanks!

"insertId":"..........E2t48_U2W5zNsMqB5XQ8s6""timestamp":"2024-08-27T11:01:14.442Z""labels":{"siteUrl":"https://www.premium-pet-shop.com""revision":"3248""namespace":"Velo""tenantId":"5f617db5-adaa-41fc-aaef-2aae13948ebb""viewMode":"Site"}"sourceLocation":{"file":"backend/cart.web.js""line":119"column":20}"operation":{"id":"1724756471.6962201592661128422""producer":"backend"}"jsonPayload":{"message":"message: '' details: applicationError: description: Forbidden code: FORBIDDEN data: {}"}"severity":"ERROR""receiveTimestamp":"2024-08-27T11:01:14.594Z"

 const customLineItem = {            	
customLineItems: [{                
    catalogReference: {                    
        appId: APP_ID,                    
       catalogItemId: productId,                
 },                           
 itemType: {                    
   custom: "test"               
 },               
 price: "200",               
 productName: {                   
    original: "test",                
 },                
  quantity: 1,            
}],

7 comments

Comments (7)

Calin

Sep 11

I suggest access the page with the PC since it is not optimized yet for mobile version.

Calin

Sep 11

My cart is in a lightbox and the process to the checkout is done in the lightbox also. This idea came to my mind when I saw the mini cart from wix and I wanted something similar and the only way I found it possible was with a lightbox. If you want you can have a look but unfortunately the site is not multilingual, it is only in Romanian language.

https://www.premium-pet-shop.com

Calin

Sep 11

Hi Eitan,

the APP_ID is the one that I received from logs after I published the site with the custom catalog API and the product ID is the one from customCatalog reference. I managed to find an workaround by creating a custom cart instead of working with the wix store one. In this way I was able to use the custom catalog but yeah, a lot of work had to be done for cart page, checkout page and so on. But to be honest it worth it because now I have every single step of a payment flow with my custom code and I don’t use anything from Wix. Only some events feedbacks.

Eitan Waxman

Sep 11

Replying to

Ahh I see.. To my understanding "customLineItems" is unrelated to the "Custom Catalog SPI", rather for creating line items on the fly that don't exist in a any catalog. Glad to hear you figured it out though!

Calin

Sep 12

Replying to

I don’t think so because if you check the documentation for addToCart from wix ecom backend you will see that also for custom line items it requires APP_ID and catalogItemId. The reason I wanted to use customLineItems instead of lineItems was because in the customLineItems options you can insert extra information that can be seen in cart like SKU, image, weight and so on. On simple lineItems this information is not provided.

Eitan Waxman

Sep 11

Hi Calin,

I mention this API in the most recent What the Wix?? post. It is not 100% ready yet and has bugs. I think you are right about the elevation in general but otherwise hard to tell. What are you using for the APP_ID and productId? Eitan

Calin

Aug 29

I think maybe is the elevation but even using the elevation for cart.createCart it works in one out of 4-5 times. But if I use the elevation, if I run in backend a simple function that calls the cart.createCart, it doesn't work anymore.

Easy navigation: