Using cart transform: Is the custom 'image' supposed to be visible only in checkout?

Retired Boards Appdev Functions
, ,
1

Hi everyone,

I am using a Cart Transform Shopify Function to create customized bundles. In the index.js file I return a merge operation (docs) with the image tag:

      merge : {
        cartLines : [...],
        ...
        title : "Super Bundle",
        image : { url : "https://via.placeholder.com/600/616e4b" },
      }

The merge works and the provided image url is displayed in the Checkout page. But neither the title nor the image is visible in the cart on the shop page. Is it supposed to only work like this, or do I need to add something else to make it work?

Changing the image in the parentVariant is not an option since I need it to be automated depending on an input of a customized product.

According to this table the customized bundles are ā€œdisplayed as grouped in cart and checkoutā€. For me they are displayed as grouped but without the provided image or title. Unfortunately, I canā€™t find a tutorial that includes a screenshot of a cart with a customized bundle (while using the image property).

Any help will be helpful!

Martin

1 Like
2

Hi Ioio,

It sounds like you might need to be making changes to the actual theme code of the cart (likely a section file with Liquid code for rendering line item data). When you add non-bundled products to the cart are their images/ titles appearing?

3

Thank you for the reply. Yes, so far I am using the dawn theme (updated to version 11) and it shows non-bundled products in the cart just fine. Just to be clear: It also shows the default image (and title) of the bundles ā€˜parentVariantā€™ if a bundle is merged. I just canā€™t change this image (and title) to my customized values in any carts view.

I added a custom liquid section just to see the stored properties

{{ cart.items.first | json }}

but it does seem like neither my custom image url nor my custom title do appear there. Also I canā€™t find the item_components property in the displayed json either (but I know it exists) - but thatā€™s less important for my problem.

4

Was this ever solved? Iā€™m also having the same issue. The custom bundle title and image as specified in the Shopify Function appears in checkout but not in cart. The cart only shows the parent bundle productā€™s default title and image.

Based on @ioio 's example, the title ā€œSuper Bundleā€ should be overriding the default title of the parent product. In my liquid code I tried line_item.title, line_item.product.title, and line_item.variant.title. None of them are displaying ā€œSuper Bundleā€. They all just work as if the product were a regular non-bundle product.

What is the correct liquid code to display the custom bundle title and image?? @Liam

1 Like
5

Unfortunately, I didnā€™t find a way to achieve this either.

The only thing I have been able to access were the originial itemā€™s properties inside a bundle via

{%- for item in cart.items -%}
    {%- assign first_item_in_bundle = item.item_components.first | default: item -%}

In my specific case, it was enough to use the title of the first product inside the bundle, but I wish Shopify would provide a way to see the same bundle in the cart as in the checkout.

1 Like
6

Was this ever solved? Iā€™m also having the same issue

7

Having this issue as well. For context, Iā€™m testing this on a development preview store.

8

@Liam was this ever addressed?

Iā€™m currently dealing with this. According to the LinesMergeOperation documentation, both title and image can be overridden.

Iā€™ve been able to update the title which shows in the cart when using line_item.title but when using line_item.image , the original image is displayed except on the checkout.