Track My Order
{% comment %}
Section: tracking-form.liquid
Purpose: Displays a user-friendly order tracking form that builds carrier tracking links.
Add this file in: /sections/tracking-form.liquid
Then create a Page → Add this section via theme editor.
You can customize section settings (title, description, accent color, etc.).
{% endcomment %}
{% schema %}
{
"name": "Tracking Form",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Track Your Order"
},
{
"type": "text",
"id": "subtext",
"label": "Subtext",
"default": "Enter your tracking number and carrier to view delivery status."
},
{
"type": "color",
"id": "bg_color",
"label": "Background color",
"default": "#ffffff"
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#111111"
},
{
"type": "color",
"id": "button_color",
"label": "Button color",
"default": "#0f62fe"
}
],
"presets": [
{
"name": "Tracking Form"
}
]
}
{% endschema %}
{{ section.settings.heading }}
{{ section.settings.subtext }}
Carrier TRACKING
If the carrier’s website blocks embedding, click “Open tracking page” instead.