Step 1. Go to Code Editor
Step 2. Find and open easyorder.liquid file
Step 3. Replace entire code with the code below:
<div id="easyorder-container" data-template="{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}" data-name="{{ page_title | handle }}"{% if template == "product" %} data-productid="{{ product.id }}"{% endif %}>
<style type="text/css">
{% assign eo_form = shop.metafields.nm_eorder.form.value %}
{% assign url_dir_externals = '//easyorder.pages.dev/externals/' %}
{% assign eo_list = shop.metafields.nm_eorder.fieldlist.value %}
{% assign eo_form_btn_color_strip = eo_form_btn_color_strip %}
{% if eo_form.show == 'product' %}
#easyorder-container[data-template=product] noscript > div { display: block !important; }
{% elsif eo_form.show == 'cart' %}
#easyorder-container[data-template=cart] noscript > div { display: block !important; }
{% else %}
#easyorder-container[data-template=product] noscript > div,
#easyorder-container[data-template=cart] noscript > div { display: block !important; }
{% endif %}
</style>
<style type='text/css' id="easyorder-hpbtn-style">
{% if eo_form.show == 'product' %}
form[action*='/cart/add'] *[type=submit],form[action*='/cart/add'] *[data-product-submit], form[action*='/cart/add'] *[name=checkout], form[action*='/cart/add'] .shopify-payment-button__button, form[action*='/cart/add'] .btn-addtocart, form[action*='/cart/add'] .nm-wholesale-btn-add-to-cart,
{% elsif eo_form.show == 'cart' %}
form[action='/cart'] *[type=submit],form[action='/cart'] *[data-product-submit], form[action='/cart'] *[name=checkout], form[action='/cart'] .shopify-payment-button__button, form[action='/cart'] .btn-addtocart, form[action='/cart'] .nm-wholesale-btn-add-to-cart,
form[action*='/cart?'] *[type=submit],form[action*='/cart?'] *[data-product-submit], form[action*='/cart?'] *[name=checkout], form[action*='/cart?'] .shopify-payment-button__button, form[action*='/cart?'] .btn-addtocart, form[action*='/cart?'] .nm-wholesale-btn-add-to-cart,
{% else %}
form[action*='/cart'] *[type=submit],form[action*='/cart'] *[data-product-submit], form[action*='/cart'] *[name=checkout], form[action*='/cart'] .shopify-payment-button__button, form[action*='/cart'] .btn-addtocart, form[action*='/cart'] .nm-wholesale-btn-add-to-cart,
{% endif %}
.easyorder-hidden-purchase { display: none; opacity: 0.4 !important; pointer-events: none; }
</style>
{% if customer %}
<div style="display: none" id="customer_phone">{{ customer.phone }}</div>
<div style="display: none" id="customer_email">{{ customer.email }}</div>
{% endif %}
<noscript><div style="display: none; position: fixed; z-index: 9999; top: 0; right: 0; left: 0; bottom: 0; padding: 150px 100px 0 100px; color: #333; background: #fff; font-size: 27px; font-weight: bold; line-height: 37px; text-align: center; text-transform: uppercase;">Oops! Your browser has JavaScript disabled.<br/>Please enable it by following<br>the instructions <a href="//www.enable-javascript.com" target="_blank">here.</a></div></noscript>
<div id="easyorder-popup-holder"></div>
<div id="easyorder-popup-blank-holder" style="display:none;">
<div id="easyorder-popup" style="margin-top: -40px;">
<div class="easyorder-popup-result2">
<div class="img-popup-result"><img src="{{ url_dir_externals }}images/done6.gif" width="75" height="75"></div>
<div class="header-popup-result">{{ eo_form.Your_order_has_been_placed }}</div>
<div class="text-popup-result">{{ eo_form.notice }}</div>
<div class="easyorder-ok-btn-holder easyorder-ok-btn-holder2">
<a href="#" class="easyorder-btn easyorder-ok-btn" onclick="easyorder.jq.featherlight.close();"
{% unless eo_form_btn_color_strip == empty %} style='background: #{{ eo_form.btn_color }} !important; color: {{ eo_form.revertColor }} !important;' {% endunless %}>
{% unless easyorderOKButton %}Continue shopping{% else %}{{ easyorderOKButton }}{% endunless %}
</a>
</div>
</div>
<div class="easyorder-loader2">
<div class="img-popup-result"><img src="{{ url_dir_externals }}images/loading3.gif" width="75" height="75"></div>
<div class="header-popup-result">{{ eo_form.Processing_your_order }}</div>
<div class="text-popup-result" style="margin-bottom: 70px;">{{ eo_form.Please_be_patient }}</div>
</div>
<div class="easyorder-popup-error2">
<div class="img-popup-result"><img src="{{ url_dir_externals }}images/attention6.gif" width="75" height="75"></div>
<div class="header-popup-result">{{ eo_form.Something_went_wrong }}</div>
<div class="text-popup-result">{{ eo_form.Try_again }}</div>
<div class="easyorder-ok-btn-holder easyorder-ok-btn-holder2">
<a href="#" class="easyorder-btn easyorder-ok-btn" onclick="easyorder.jq.featherlight.close();"
{% unless eo_form_btn_color_strip == empty %} style='background: #{{ eo_form.btn_color }} !important; color: {{ eo_form.revertColor }} !important;' {% endunless %}>
{% unless easyorderOKButton %}Ok{% else %}{{ easyorderOKButton }}{% endunless %}
</a>
</div>
</div>
<form class="easyorder-popup-content" style="margin: 0px!important;">
<div class="easyorder-main_header">
<div class="easyorder-main_header_div">
<div class="easyorder-main_header_div_inner">
<div class="easyorder-main_header_div_inner_text">{{ eo_form.header }}</div>
<div class="eorder_featherlight-close easyorder-main_header_div_inner_close">✕</div>
</div>
<div class="easyorder-popup-products easyorder-product_table"></div>
</div>
</div>
<div style="background-color: #ffffff;">
<div class="easyorder-main_fields">
{% assign nm_eorder_centeredFields = true %}
{% assign nm_eorder_mark_discount = false %}
{% for nm_eorder_field in eo_list %}
{% if nm_eorder_centeredFields and nm_eorder_field.type != 'heading' and nm_eorder_field.hide_title == '0' %}
{% assign nm_eorder_centeredFields = false %}
{% endif %}
<div class="easyorder-field-holder eorder_tooltips" {% if nm_eorder_field.related_id != '0' %}style="display:none;"{% endif %} id="easyorder-field-{{ nm_eorder_field.field_id }}" data-related-to="{{ nm_eorder_field.related_id }}" data-required="{% if nm_eorder_field.type == 'marketing' %}0{% else %}{{ nm_eorder_field.required }}{% endif %}">
{% if nm_eorder_field.type == 'heading' %}
<div class="easyorder-head_field easyorder-head_field_heading">{{ nm_eorder_field.title }}</div>
{% elsif nm_eorder_field.type == 'text' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field">
<input type="text" name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}"
id="easyorder-field-element-{{ nm_eorder_field.field_id }}" />
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% elsif nm_eorder_field.type == 'discount_code' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field" style="display: flex; align-items: baseline;" id="eo_discount_code">
<input style="flex-grow: 1;" type="text" name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}" class="discount_text"/>
<a href="#" class="easyorder-btn easyorder-popup-apply" {% if eo_form_btn_color_strip != empty %}style='margin-left: 20px !important; width: auto; background: #{{ eo_form.btn_color }} !important; color: {{ eo_form.revertColor }} !important;'{% endif %}>{{ eo_form.Apply }}</a>
</div>
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ eo_form.Discount_isnt_valid }}</div>{% endif %}
<div style="display: none;" data-error="error">{{ eo_form.Discount_isnt_valid }}</div>
<div style="display: none;" data-error="error_nofit">{{ eo_form.Discount_isnt_valid_cart }}</div>
{% assign nm_eorder_mark_discount = true %}
{% elsif nm_eorder_field.type == 'email' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
<div style="display: none;" data-error-rel="required">{{ nm_eorder_field.required_tooltip_text }}</div>
{% if nm_eorder_field.additional_params.errors != nil %}
{% for nm_eorder_err in nm_eorder_field.additional_params.errors %}
{% assign nm_eorder_value = nm_eorder_err[1] | strip %}
{% if nm_eorder_value == empty %}
{% continue %}
{% endif %}
{% if nm_eorder_err[0] == 'invalid_phone' and nm_eorder_field.additional_params.errors.email_or_phone == nil %}
{% continue %}
{% endif %}
{% if nm_eorder_err[0] == 'invalid_phone' and nm_eorder_field.additional_params.errors.email_or_phone == empty %}
{% continue %}
{% endif %}
<div style="display: none;" data-error-rel="{{ nm_eorder_err[0] }}">{{ nm_eorder_err[0] | escape }}</div>
{% endfor %}
{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field" style="position: relative">
{% if nm_eorder_field.additional_params.email_or_phone == nil and nm_eorder_field.additional_params.phone == nil %}
<input type="email" name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}"
id="easyorder-field-element-{{ nm_eorder_field.field_id }}"
value="{% if customer and customer.email %}{{ customer.email }}{% endif %}" />
{% elsif nm_eorder_field.additional_params.email_or_phone == nil %}
<input type="tel" name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}"
id="easyorder-field-element-{{ nm_eorder_field.field_id }}" data-type="phone"
value="{% if customer %}{% if customer.phone %}{{ customer.phone }}{% endif %}{% endif %}" />
{% else %}
<input type="tel" name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}"
id="easyorder-field-element-{{ nm_eorder_field.field_id }}" data-type="email-or-phone"
value="{% if customer %}{% if customer.email %}{{ customer.email }}{% else %}{% if customer.phone %}{{ customer.phone }}{% endif %}{% endif %}{% endif %}" />
{% endif %}
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% elsif nm_eorder_field.type == 'textarea' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field">
<textarea name="{{ nm_eorder_field.name }}" placeholder="{{ nm_eorder_field.placeholder }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}"></textarea>
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% elsif nm_eorder_field.type == 'select' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field">
<select name="{{ nm_eorder_field.name }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}">{% for nm_eorder_option in nm_eorder_field.options %}<option value="{{ nm_eorder_option.value }}" {% if nm_eorder_option.checked == '1' %}selected{% endif %} data-option-id="{{ nm_eorder_option.option_id }}">{{ nm_eorder_option.label | escape }}</option>{% endfor %}</select>
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% elsif nm_eorder_field.type == 'checkbox' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field">
<div class="checkbox-holder">
{% for nm_eorder_option in nm_eorder_field.options %}<div class="easyorder-checkbox_block"><input type="checkbox" name="{{ nm_eorder_field.name }}[]" {% if nm_eorder_option.checked == '1' %}checked{% endif %} value="{{ nm_eorder_option.value }}" data-option-id="{{ nm_eorder_option.option_id }}" id="easyorder-option-{{ nm_eorder_option.option_id }}" /><label for="easyorder-option-{{ nm_eorder_option.option_id }}"><div class="eorder_label_error"></div><span>{{ nm_eorder_option.label | escape }}</span></label></div>{% endfor %}
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
</div>
{% elsif nm_eorder_field.type == 'radio' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field">
<div class="radio-holder">
{% for nm_eorder_option in nm_eorder_field.options %}<div class="easyorder-radio_block"><input type="radio" name="{{ nm_eorder_field.name }}[]" {% if nm_eorder_option.checked == '1' %}checked{% endif %} value="{{ nm_eorder_option.value }}" data-option-id="{{ nm_eorder_option.option_id }}" id="easyorder-option-{{ nm_eorder_option.option_id }}" /><label for="easyorder-option-{{ nm_eorder_option.option_id }}"><div class="eorder_label_error"></div><span>{{ nm_eorder_option.label | escape }}</span></label></div>{% endfor %}
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
</div>
{% elsif nm_eorder_field.type == 'date' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
</div>
<div class="easyorder-body_field{% if nm_eorder_field.type_spec != 'range' %} single_date{% endif %}">
{% if nm_eorder_field.type_spec == 'range' %}
<div class="input-range-datepicker input-group" id="datepicker" style="display: flex; align-items: center">
<input type="text" class="input-sm form-control datepicker_from" name="{{ nm_eorder_field.name }}-start" id="easyorder-field-element-{{ nm_eorder_field.field_id }}-1" placeholder="YYYY-MM-DD"/>
<span style='margin-left: 10px; margin-right: 10px;'>-</span>
<input type="text" class="input-sm form-control datepicker_to" name="{{ nm_eorder_field.name }}-end" id="easyorder-field-element-{{ nm_eorder_field.field_id }}-2" placeholder="YYYY-MM-DD"/>
</div>
{% else %}
<input type="text" name="{{ nm_eorder_field.name }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}" class="input-datepicker" placeholder="YYYY-MM-DD" />
{% endif %}
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% elsif nm_eorder_field.type == 'marketing' %}
{% if nm_eorder_field.additional_params.sms_text == nil and nm_eorder_field.additional_params.email_text == nil and nm_eorder_field.additional_params.label != empty %}
<div class="easyorder-body_field" id="easyorder-option-marketing-email" >
<div class="eorder_tooltips">
<div class="checkbox-holder">
<div class="easyorder-checkbox_block easyorder-checkbox_block2"><input type="checkbox" name="marketing_email" value="" /><label for="easyorder-option-marketing-email"><div class="eorder_label_error"></div><span>{{ nm_eorder_field.additional_params.label }}</span></label></div>
</div>
</div>
</div>
{% endif %}
{% if nm_eorder_field.additional_params.type == 'sms' or nm_eorder_field.additional_params.type == 'sms_email' %}
<div class="easyorder-body_field" id="easyorder-option-marketing-sms">
<div class="eorder_tooltips">
<div class="checkbox-holder">
<div class="easyorder-checkbox_block easyorder-checkbox_block2"><input type="checkbox" name="marketing_sms" value="" /><label for="easyorder-option-marketing-sms"><div class="eorder_label_error"></div><span>{{ nm_eorder_field.additional_params.sms_text }}</span></label></div>
</div>
</div>
</div>
<div id="eorder_add_tel" style="display: none;">
<div class="easyorder-head_field">
{{ eo_form.Telephone }}*
<div style="display: none;" data-error-rel="required">{{ nm_eorder_field.required_tooltip_text }}</div>
<div style="display: none;">error tel</div>
</div>
<div class="easyorder-body_field" style="position: relative">
<input type="tel" name="add_tel" data-type="phone" value="{% if customer %}{% if customer.phone %}{{ customer.phone }}{% endif %}{% endif %}" />
<div class="eorder_tooltip_new2">{{ eo_form.Wrong_phone }}</div>
</div>
</div>
{% endif %}
{% if nm_eorder_field.additional_params.type == 'email' or nm_eorder_field.additional_params.type == 'sms_email' %}
<div class="easyorder-body_field" id="easyorder-option-marketing-email" >
<div class="eorder_tooltips">
<div class="checkbox-holder">
<div class="easyorder-checkbox_block easyorder-checkbox_block2"><input type="checkbox" name="marketing_email" value="" /><label for="easyorder-option-marketing-email"><div class="eorder_label_error"></div><span>{{ nm_eorder_field.additional_params.email_text }}</span></label></div>
</div>
</div>
</div>
{% endif %}
{% elsif nm_eorder_field.type == 'custom_consent' %}
<div class="easyorder-body_field">
<div class="eorder_tooltips">
<div class="checkbox-holder">
<div class="easyorder-checkbox_block easyorder-checkbox_block2"><input type="checkbox" name="{{ nm_eorder_field.name }}" value="" {% if nm_eorder_field.additional_params.checked == '1' %}checked{% endif %} id="easyorder-field-element-{{ nm_eorder_field.field_id }}" /><label for="easyorder-field-element-{{ nm_eorder_field.field_id }}"><div class="eorder_label_error"></div><span>{{ nm_eorder_field.additional_params.consent_text }}{% if nm_eorder_field.required != '0' %}*{% endif %}</span></label></div>
</div>
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
</div>
{% elsif nm_eorder_field.type == 'country_state' %}
<div class="easyorder-head_field">
{% if nm_eorder_field.hide_title == '0' %}
{{ nm_eorder_field.title }}{% if nm_eorder_field.required != '0' %}*{% endif %}
{% endif %}
{% assign nm_eorder_mark_country = "" %}
</div>
<div class="easyorder-body_field">
<select name="{{ nm_eorder_field.name }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}">{% for nm_eorder_option in nm_eorder_field.options %}<option value="{{ nm_eorder_option.value }}" {% if nm_eorder_option.checked == '1' %}selected{% assign nm_eorder_mark_country = nm_eorder_option.value %}{% endif %} data-option-id="{{ nm_eorder_option.option_id }}">{{ nm_eorder_option.label | escape }}</option>{% endfor %}</select>
<select name="state-{{ nm_eorder_field.name }}" id="easyorder-field-element-{{ nm_eorder_field.field_id }}-state" style="margin-top: 20px !important;" class="easyorder-hidden"><option value="">Select state</option>
{% for nm_eorder_country in nm_eorder_field.array_all_country_state_val %}
{% assign nm_eorder_sub = nm_eorder_country[0] | slice: 0, 2 %}
{% if nm_eorder_sub == nm_eorder_mark_country %}
<option value="{{ nm_eorder_country[0] }}" {% if nm_eorder_field.additional_params.state == nm_eorder_country[0] %}selected{% endif %} data-country = "{{ nm_eorder_sub }}">{{ nm_eorder_country[1] }}</option>
{% else %}
<option value="{{ nm_eorder_country[0] }}" data-country = "{{ nm_eorder_sub }}" class="easyorder-hidden">{{ nm_eorder_country[1] }}</option>
{% endif %}
{% endfor %}
</select>
{% if eo_form.tooltips == '1' and nm_eorder_field.required_tooltip_text != empty %}<div class="eorder_tooltip_new2">{{ nm_eorder_field.required_tooltip_text }}</div>{% endif %}
</div>
{% endif %}
</div>
{% endfor %}
{% unless nm_eorder_mark_discount %}
<div class="easyorder-field-holder eorder_tooltips" style="display:none;">
<div class="easyorder-body_field" style="display: flex; align-items: baseline;" id="eo_discount_code">
<input style="flex-grow: 1;" type="text" name="discountcode_0" id="easyorder-field-element-0" class="discount_text"/>
<a href="#" class="easyorder-btn easyorder-popup-apply">{{ eo_form.Apply }}</a>
</div>
{% if eo_form.tooltips == '1' %}<div class="eorder_tooltip_new2">{{ eo_form.Discount_isnt_valid }}</div>{% endif %}
<div style="display: none;" data-error="error">{{ eo_form.Discount_isnt_valid }}</div>
<div style="display: none;" data-error="error_nofit">{{ eo_form.Discount_isnt_valid_cart }}</div>
</div>
{% endunless %}
<hr>
<div style="display: flex; margin-top: 8px;" >
<div>
<b>{{ eo_form.Subtotal }}</b>
</div>
<div style="flex-grow: 1; text-align: right;">
<b id="nm_eorder_footer_total"></b>
</div>
</div>
{% if eo_form.shipping_cost_order_total == '1' %}
<div style="display: flex; margin-top: 8px;" id="shipping_line">
<div>
<b>{{ eo_form.Shipping }}</b>
</div>
<div style="flex-grow: 1; text-align: right;">
<b id="nm_eorder_ship_price"></b>
</div>
</div>
{% endif %}
<div style="margin-top: 8px; display: none;" id="nm_eorder_discount_price_div">
<div>
<b>{{ eo_form.Discount }}</b>
</div>
<div style="flex-grow: 1; text-align: right;">
<b id="nm_eorder_discount_price"></b>
</div>
</div>
<div style="display: flex; margin-top: 8px;" >
<div>
<b style="font-size:18px; {% if eo_form_btn_color_strip != empty %}color: #{{ eo_form.btn_color }} !important;{% endif %}">{{ eo_form.TOTAL }}</b>
</div>
<div style="flex-grow: 1; text-align: right;">
<b style="font-size:18px; {% if eo_form_btn_color_strip != empty %}color: #{{ eo_form.btn_color }} !important;{% endif %}" id="nm_eorder_total_price"></b>
</div>
</div>
<input type="hidden" id="shipping_cost_order_total_value" value="{{ eo_form.shipping_cost_order_total_value }}" />
<input type="hidden" id="shipping_based_on_order_price_value" value="{{ eo_form.shipping_based_on_order_price_value }}" />
<div class="easyorder-field-holder"><input type="hidden" name="shop" value="{{ shop.permanent_domain }}" /></div>
<div class="easyorder-body_field" style="text-align: left;">
<a href="#" class="easyorder-btn easyorder-popup-submit" {% if eo_form_btn_color_strip != empty %}style='background: #{{ eo_form.btn_color }} !important; color: {{ eo_form.revertColor }} !important;'{% endif %}>{{ eo_form.btn_text }}</a>
</div>
</div>
<style>
{% if eo_form_btn_color_strip != empty %}
.easyorder-popup-content .easyorder-total_price, #easyorder-total-price {
color: #{{ eo_form.btn_color }} !important;
}
{% endif %}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{
background: {% if eo_form_btn_color_strip != empty %}#{{ eo_form.btn_color }} !important;{% else %}orange{% endif %}
color: {% if eo_form_btn_color_strip != empty %}{{ eo_form.revertColor }} !important;{% else %}black{% endif %}
</style>
<span class="easyorder-popup-currency">{{ 0 | money_without_trailing_zeros | replace: '0', 'eopmarker' }}</span>
</form>
</div>
{% if eo_form.styles != empty %}<style type="text/css">{{ eo_form.styles }}</style>{% endif %}
{% assign page_template = template | replace: '.', ' ' | truncatewords: 1, '' | handle %}
{% assign easyorderShow = false %}
{% if page_template == 'cart' %}
{% assign easyorderShow = true %}
{% endif %}
{% if eo_form.apply == 'disabled' %}{% assign easyorderShow = false %}
{% elsif eo_form.apply == 'store' %}{% assign easyorderShow = true %}
{% elsif eo_form.apply == 'collections' %}
{% unless easyorderShow %}
{% for c in product.collections %}
{% for c_id in eo_form.includeCollections %}
{% assign c_id_num = c_id | plus: 0 %}
{% if c_id_num == c.id %}
{% assign easyorderShow = true %}
{% break %}
{% endif %}
{% endfor %}
{% if easyorderShow %}{% break %}{% endif %}
{% endfor %}
{% endunless %}
{% elsif eo_form.apply == 'products' %}
{% unless easyorderShow %}
{% for p_id in eo_form.includeProducts %}
{% assign p_id_num = p_id | plus: 0 %}
{% if p_id_num == product.id %}
{% assign easyorderShow = true %}
{% break %}
{% endif %}
{% endfor %}
{% endunless %}
{% endif %}
{% if easyorderShow == true %}
<script type="text/javascript">
{% if eo_form.show != 'custom' %}
var easyorderForms = document.getElementsByTagName('form');
for( var i = 0; i < easyorderForms.length; i++ ) {
if( easyorderForms[i].getAttribute('class') != "easyorder-popup-content" ) {
var act = easyorderForms[i].getAttribute('action');
{% if eo_form.show == 'product' %}
if( act && act.indexOf('/cart/add') !== -1 ) {
{% elsif eo_form.show == 'cart' %}
if( act && act.indexOf('/cart') !== -1 && act.indexOf('/cart/add') === -1 ) {
{% else %}
if( act && act.indexOf('/cart') !== -1 ) {
{% endif %}
easyorderForms[i].setAttribute('onsubmit', 'return false;');
}
}
}
{% endif %}
document.addEventListener('easyorder_init', function (e) {
{% if nm_eorder_centeredFields %}easyorder.jq('.easyorder-popup-form-fields').addClass('centered-fields');{% endif %}
easyorder.shop = '{{ shop.permanent_domain }}';
easyorder.currency = '{{ shop.currency }}';
easyorder.roundPriceTo = {% assign easyorderMWCtmp = 0 | money_without_currency | size %}{% if easyorderMWCtmp > 2 %}{{ easyorderMWCtmp | minus: 2 }}{% else %}0{% endif %};
easyorder.shopCountryCode= '{{ shop.address.country_code }}';
easyorder.showProducts = {% if eo_form.show_products == '1' %}true{% else %}false{% endif %};
easyorder.showVendor = {% if eo_form.show_vendor == '1' %}true{% else %}false{% endif %};
easyorder.aorderEnable = {% if eo_form.aorder_enable == '1' %}true{% else %}false{% endif %};
easyorder.singlePurchase = {% if eo_form.single_purchase == '1' %}true{% else %}false{% endif %};
easyorder.reload = {% if eo_form.reload == '1' %}true{% else %}false{% endif %};
easyorder.native_thank_page = {% if eo_form.native_thank_page == '1' %}true{% else %}false{% endif %};
easyorder.shipping_cost_order_total = {% if eo_form.shipping_cost_order_total == '1' %}true{% else %}false{% endif %};
easyorder.shipping_based_on_order_price = {% if eo_form.shipping_based_on_order_price == '1' %}true{% else %}false{% endif %};
easyorder.fbPixel = {% if eo_form.fbPixelId != empty %}'{{ eo_form.fbPixelId }}'{% else %}null{% endif %};
easyorder.schPixel = {% if eo_form.schPixelId != empty %}'{{ eo_form.schPixelId }}'{% else %}null{% endif %};
easyorder.ttPixel = {% if eo_form.ttPixelId != empty %}'{{ eo_form.ttPixelId }}'{% else %}null{% endif %};
easyorder.twtPixel = {% if eo_form.twtPixelId != empty %}'{{ eo_form.twtPixelId }}'{% else %}null{% endif %};
easyorder.twtPixelEvent = {% if eo_form.twtPixelEventId != empty %}'{{ eo_form.twtPixelEventId }}'{% else %}null{% endif %};
easyorder.showForm = '{{ eo_form.show }}';
{% if easyorderDoNotResetUptadeButton %}easyorder.resetButtons.update = false;{% endif %}
{% if easyorderDoNotResetNativeButton %}easyorder.resetButtons.native = false;{% endif %}
{% if easyorderResetNativeButton %}easyorder.resetButtons.native = true;{% endif %}
easyorder.bindingPopup();
easyorder.testUpdate = '1';
{% if eo_form.show == 'custom' %}
easyorder.productData = {{ product | json }};easyorder.bindingCustomButtons("{{ product.selected_or_first_available_variant.id }}");
{% else %}
easyorder.bindingForms("{{ eo_form.addToCartSelector }}");
{% endif %}
{% if eo_form.order_success_custom_code != empty %}easyorder.orderSuccessCustomCode = '{{ eo_form.order_success_custom_code }}';{% endif %}
}, false);
</script>
{% endif %}
{% if eo_form.fb_pixel_num == 0 %}{{ eo_form.fb_pixel}}{% endif %}
{% if eo_form.sch_pixel_num == 0 %}{{ eo_form.sch_pixel}}{% endif %}
{% if eo_form.tt_pixel_num == 0 %}{{ eo_form.tt_pixel}}{% endif %}
{% if eo_form.twt_pixel_num == 0 %}{{ eo_form.twt_pixel}}{% endif %}
</div>
</div>
Step 4. Click Save.