Skip to content

Instantly share code, notes, and snippets.

@a-vasyliev
Created June 27, 2019 08:13
Show Gist options
  • Save a-vasyliev/896b3d37d153ff9f0509279f4a8b5846 to your computer and use it in GitHub Desktop.
Save a-vasyliev/896b3d37d153ff9f0509279f4a8b5846 to your computer and use it in GitHub Desktop.
Shopify + 17track.net simple integration
<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>
@Kimesato
Copy link

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?

@a-vasyliev
Copy link
Author

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

@Kimesato
Copy link

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.

@a-vasyliev
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment