Shopify + 17track.net simple integration

page.tracking.liquid

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1>
      </div>

      {% if page.content.size > 0 %}
        <div class="rte">
          {{ page.content }}
        </div>
      {% endif %}

      <div class="tracking-form form-vertical">
        <form method="get" action="#" id="TrackingForm" accept-charset="UTF-8" class="tracking-form">
          <div class="grid grid--half-gutters">
            <div class="grid__item medium-up--one-half">
              <label for="tracking-number">Tracking number:</label>
              <input type="text" required id="tracking-number" name="number" value="" placeholder="e.g. RC123456789UA">
            </div>
          </div>
        
          <input type="button" class="btn" value="Track my order" 
                 onclick="var num = document.getElementById('tracking-number').value.trim(); if (num.length < 5) {alert('Invalid tracking number. Please, check your tracking number.');} else {window.open('https://t.17track.net/en#nums=' + num);}"/>

        </form>
      </div>
    </div>
  </div>
</div>

Hi Vasyliev, can this coding be used on Shopify? if so, is it possible to not make it open a new screen but cause the info to show up below it?

Yes, it can be used on Shopify. But, it is simple tracking script to just open a new window. This one can't do that

Hi A-Vasyliez, thanks for your promt reply, and do apologize for asking straight forward. Is it possible to make it show right below the tracking space and bottom the tracking information? If so, is there a way for you to teach me?

Thanks beforehand.

Well, it is a significant change. I believe it will take some time. Unfortunately I don't have time to provide some solution or to teach you, sorry