Show the chosen date/time on the email sent to the shop's staff when receiving a new order

It's possible to show the date or time slot your customer have chosen in the "new order" email that is sent to your shop's staff when a customer makes an order. We can't automate this step within our application so this requires a little bit technical work, but all you need to do is to follow this guide.

In your shop's admin page, go to Notifications;
Next to Staff order notification, go to New order;
In Email body (HTML) insert the following code snippets as advised bellow.

If the date picker is placed in CART page

Note: If the date picker is placed in the product page of your shop, please scroll down. This step will only work if the calendar is in the cart page.

Insert the following code just before {% if gateway %} .

{% assign tag_names = "Method,Delivery Date,Delivery Time,Pickup Date,Pickup Time" | split: "," %}
{% for tag_name in tag_names %}
  {% if attributes[tag_name] %}
  <table class="row">
      <tr>
          <td class="customer-info__item customer-info__item--last">
              <strong>{{ tag_name }}</strong>
              <br>
              <p>{{ attributes[tag_name] }}</p>
          </td>
      </tr>
  </table><br>
  {% endif %}
{% endfor %}

Important: make sure to modify the first line to list all the possible attribute names you want to display. They need to be the exact same values that you've set in the app's Settings > Texts and Languages.

The values are defined in "Messages":

Method tag label - Default value: Method
Order tag date label (if applicable, check the value for both "Local delivery" and "Store pickup") - Default value: Delivery Date / Pickup Date
Order tag time slot label (if applicable, check the value for both "Local delivery" and "Store pickup") - Default value: Delivery Time / Pickup Time

If you have multiple languages set up, include the tag for each one. Make sure each tag label is separated with a comma, without any extra spaces. For example:

{% assign tag_names = "Method,Local Delivery Date,Time Slot,Store Pickup Date,Time Slot" | split: "," %}

If these values are not exactly the same as set in the admin the dates won't show up in the confirmation page.

Once the code has been added the date and/or time slots should then appear in the next order confirmation email like this:

For more context, please refer to this code example.

If the date picker is placed in PRODUCT page

Note: If the date picker is placed in the cart page of your shop, please scroll up. This step will only work if the calendar is in the product page.

When the date picker is placed on the product page the chosen date and time slot is stored as a property on the order item. That means that we need to display the chosen date/time slot for each order item. For example:

To obtain this result, in the email template, look for {{ line.variant.title }}. You want to insert the following snippet right after that block of code.

Important: there might be multiple locations where {{ line.variant.title }}. The code snippet needs to be added for each one you can find.

If you're on the legacy Order confirmation email template (it's probably the case if it's a around 500 lines of code), there is usually one location to find it around line 185.
If you're on the new Order confirmation email template (if it's around 2600 lines of code), there usually 3 difference locations around lines 235, 805, and 1930.

Product mode code snippet:

{% assign tag_names = "Method,Delivery Date,Delivery Time,Pickup Date,Pickup Time" | split: "," %}
{% for tag_name in tag_names %}
  {% if line.properties[tag_name] %}
      <p>{{ tag_name }}: {{ line.properties[tag_name] }}</p>
  {% endif %}
{% endfor %}

The values are defined in "Messages":

Method tag label - Default value: Method
Order tag date label (if applicable, check the value for both "Local delivery" and "Store pickup") - Default value: Delivery Date / Pickup Date
Order tag time slot label (if applicable, check the value for both "Local delivery" and "Store pickup") - Default value: Delivery Time / Pickup Time

If you have multiple languages set up, include the tag for each one. Make sure each tag label is separated with a comma, without any extra spaces. For example:

{% assign tag_names = "Method,Local Delivery Date,Time Slot,Store Pickup Date,Time Slot" | split: "," %}

If these values are not exactly the same as set in the admin the dates won't show up in the confirmation page.

For more context, please refer to this code example.