Ymq Product Options App
  • Getting Started
    • How to enalbe app in the theme
    • Difference between Shopify Options and Virtual Options
    • How to style Shopify Options with our app
    • How to add Virtual Options to a product
    • Price Add-ons
    • Multi-select
    • How to add conditional logic to a product option
    • Option Template(Set)
  • Faq
    • Why isn’t the app showing on the product pages
    • How to download file uploads as the original file type (jpg, png)
    • How do I export the apps virtual options
    • Why doesn’t the discount code box appear in the checkout?
    • Implementation principle of app option price add-on
    • Why do my options appear twice?
    • What is the file upload limit?
    • Why theme's ajax cart is not working after using app
    • How to sync option templates to other stores
    • How to get api secret
    • sku
    • Why are the options modified in the app background not displayed in the store in real time?
    • Make shipping required for virtual options
  • Email Notifications & Packing Slips & Invoices
    • Order Confirmation (email sent to customer)
    • New Order (email sent to staff)
    • Packing Slips
    • Invoices
    • Shopify New Order Printer App
  • Option types
    • All Option Type Example
    • Text
    • Long Text
    • File Upload
  • New Checkout
    • New Draft Order
    • Without Draft Orders
    • Bundle variant
    • Hide product options
    • Main Product Title
Powered by GitBook
On this page

Was this helpful?

  1. Email Notifications & Packing Slips & Invoices

New Order (email sent to staff)

PreviousOrder Confirmation (email sent to customer)NextPacking Slips

Last updated 1 year ago

Was this helpful?

To get our apps virtual options to show up correctly in the New Order email notifications (sent to staff), you will need to add some code to your template.

  • Go to your Shopify dashboard

  • Select Settings

  • Select Notifications

  • Select Orders > New Order (near the bottom of the page)

  • Click Edit Code

In the New Order template search for the code below.

if line.selling_plan_allocation

Above the {% if line.selling_plan_allocation %} code place the following code.

{% for p in line.properties %}
    {% assign property_first_char = p.first | slice: 0 %}
    {% unless p.last == blank or property_first_char  == '_' %}
        <div class="ymq-property">{{ p.first }}:
        {% if p.last contains '/uploads/' %}
            <div><img src="{{ p.last }}" style="max-width: 50px; height: auto;"></div>
        {% else %}
            {{ p.last }}
        {% endif %}
        </div>
    {% endunless %}
{% endfor %}

The result will look like the screenshot below.

You can revert back to the default notification by scrolling to the bottom of the page and clicking Revert to Default.