Need URGENT help pulling custom liquid into cart

Shopify Discussion
1

I need help pulling custom liquid from the product page into the cart. I have spent hours on end trying to figure this out and using Chat GPT but I havent managed to implement anything that works. For context, I provide experience days and need customers to be able to select a date they wish for their experience to take place. I have this as a custom liquid but it is not pulling through onto the cart.

Any help or advise on this would be appreciated…

2

Hey @Tommasters9 ,

Oh man, I totally feel your pain on this one!

The key thing with Shopify is that custom liquid on product pages doesn’t automatically carry over to the cart - you need to pass it through as line item properties. Here’s how to get your date selector working:

On your product page, make sure your date input has the right naming:

<label for="experience-date">Select Experience Date:</label>
<input type="date" 
       name="properties[Experience Date]" 
       id="experience-date" 
       required>

The crucial part is name=“properties[Experience Date]” - that “properties” prefix is what tells Shopify to save this data with the cart item.

If you’re using a more complex date picker, wrap it like this:

<div class="date-selector">
  <label>Choose your experience date:</label>
  <!-- Your custom date picker liquid here -->
  <input type="hidden" 
         name="properties[Experience Date]" 
         id="selected-date-hidden">
</div>

<script>
// When your custom picker changes, update the hidden field
document.addEventListener('dateSelected', function(e) {
  document.getElementById('selected-date-hidden').value = e.detail.selectedDate;
});
</script>

Then in your cart template, you can display it:

{% for item in cart.items %}
  <div class="cart-item">
    <h3>{{ item.product.title }}</h3>
    {% if item.properties['Experience Date'] %}
      <p><strong>Experience Date:</strong> {{ item.properties['Experience Date'] }}</p>
    {% endif %}
  </div>
{% endfor %}

If you’re still having trouble, can you share a bit of your current date selector code? I’d be happy to take a look and see what might be tripping it up!

Hope this helps get you unstuck!

Cheers!
Shubham | Untechnickle

5

Hi @Tommasters9,

The main thing to check is whether your date field is actually being submitted with the product form.

A date picker created in a Custom Liquid block is often only a visual element. For Shopify to carry the selected date into the cart, checkout, and order, the field must be submitted as a line item property.

For example:

<input
  type="date"
  name="properties[Experience Date]"
>

Just as importantly, the input must be inside the product form (or correctly associated with it using the form attribute). If the field sits outside the product form, Shopify won’t include it when the product is added to the cart.

Once the value is submitted as a line item property, you can display it in the cart using:

{% if item.properties['Experience Date'] %}
  <p>Experience Date: {{ item.properties['Experience Date'] }}</p>
{% endif %}

If you’ve already added the properties[...] field and it’s still not appearing, please share the code for your current date picker (or a screenshot of the Custom Liquid block). The exact implementation matters here, as many themes handle product forms differently.

In short: the issue is usually not the cart code—it’s that the date field is not being submitted as a line item property when the product is added to the cart.

6

Hey @Tommasters9,
I know this topic is old. But if this not solved yet, then I would be happy to provide you the solution code.
Can you share your store url and password (if password protected) so that I can take a look from my end and provide you the solution code.
Because, specifying the files vary on the theme structure. Different themes has different files name which leads to let know the theme file.