Displaying Line Item Properties in Drawer Cart

Store Design
1

I’ve followed this tutorial ( https://community.shopify.com/c/shopify-design/product-pages-get-customization-information-for-products/td-p/616503 ) and have gotten the line item properties working on the stand alone cart page.

My client wants the line item property I’ve setup for Monograming to display in the drawer cart.

Can’t seem to figure out how to get it to display there. Any ideas?

We’re using the Impulse theme: https://themes.shopify.com/themes/impulse/styles/modern

1 Like
2

I assume there should be a different liquid for the cart page. You would need to loop through the additional line item properties on the drawer aswell. Both cart page and drawer would be separate liquids.

3

Hi @JoelG ,

I checked and Impulse theme supports displaying properties in Drawer Cart: https://i.imgur.com/LrEfDCE.png

Have you added it in the product page successfully?

Please check it on the Debut theme, if it still doesn’t show it means the code you added at the product page was not working properly.

Hope it is clear to you.

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like
4

I got that far but was stuck. I finally found that using this code in the product-companion.js.liquid file:

$.ajax({
      type: 'POST',
      url: '/cart/add.js',
      data: { items: items },
      dataType: 'json',
      beforeSend: function().serialize() {

      },

got the line item properties to show in the drawer cart as I wanted, BUT the image galleries and thumbnail swatched on the theme broke.

When I removed the .serialize() part of the code the images and color swatched returned to normal. Any ideas on how to fix that?