Skip to main content
  1. Help Center
  2. Pre-Order Helper
  3. Installation & Configuration

How to do liquid integration of Shipping Date with your Pre-Order Helper app?

  • Updated

To integrate the shipping date field with your Pre-Order app, please follow these steps:

  1. From the sidebar, click on Sales Channels > Online Store > Themes > Edit Code.

  2. Search for the cart-template.liquid or cart.liquid or main-cart-items.liquid (as file names may vary for different themes).

  3. Open the file and find the line within the file as shown below:
    {% for property in line_item.properties %}
    Or
    {% for property in line_item.properties %}

  4. Once you find the line, paste the code given below exactly above the line (refer to the screenshots) and save the file:

    ‌<div style="align-items: center;display:none" id="preOrderShippingDateWrapper{{line_item.key | replace:  ':','' }}">       
    <label style="margin-right:10px">Select Shipping date</label>
    <input type="date" min='{{ "now" | date: "%Y-%m-%d" }}' id="preOrderShippingDate{{line_item.key | replace:  ':',''}}" class="txt-pre-order-shipping-date" data-vid="{{line_item.id}}" data-key="{{line_item.key}}"/>
    </div>

    Please note: Use the same variable name as in the for loop, for example, it can be item, line_item, or any custom name depending on the theme.

Support and Assistance

For any inquiries or further clarification, feel free to reach out to our dedicated support team:

Email: themes@wholesalehelper.io
Chat: Initiate a support chat conversation through the app.