My Page didn't auto-generate and/or the Reset button doesn't work. What do I do?
My Page didn't auto-generate and/or the Reset button doesn't work. What do I do?
If this happens...don't worry. There's an easy solution!
1. Once you've installed your Trackable app, go into Theme > Pages
2. Create a new Page.
3. Name the Page "Track Your Order", or a name of your choosing.
4. Click on the <> (Show HTML) button in the text editor.
5. Copy and paste the below code in, and save changes. *The styling can be adjusted to fit the branding of your online store. Example: see "background" under ".enblk-btn-submit". If you change this hex value, you change the colour of the button.
6. Once completed, go to Theme > Navigation and setup your order tracking page within your navigation.
ORDER TRACKER PAGE CODE:
<style><!--
--></style><style><!--
#enb-lookup-form {
padding: 15px 0;
}
.enblk-text-field {
margin: 15px 0;
max-width: 320px;
width: 100%;
}
.enblk-text-field input {
width: 100%;
}
.enblk-text-field.error input {
border: 1px solid red;
}
.enblk-btn-submit {
background: #0d97bf;
border-radius: 2px;
color: #fff;
padding: 12px 32px 12px;
text-decoration: none;
transition: background 80ms linear,opacity 1s linear;
white-space: nowrap;
border: none;
}
--></style>
<div>
<form id="enb-lookup-form" method="post" action="/a/enb-lookup/lookup">
<div><label for="order[email]">Email</label> <input type="text" name="order[email]" placeholder="jake@example.com" id="order_email" /></div>
<div><label for="order[order_name]">Order Number</label> <input type="text" name="order[order_name]" placeholder="GB1057" id="order_order_name" /></div>
<p><button class="enblk-btn-submit" type="submit">Submit</button></p>
<p> </p>
</form>
<div class="form errors"></div>
</div>
<script src="/a/enb-lookup/scripts/lookup-script.js"></script>