ORDER TEMPLATE
You can update or restore your Fetchap Order Page template by copy/pasting the code below. This will set your Order page to look like this:
Desktop:
Mobile:
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ company.name }} — Downloads for Order {{ order.number }}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width">
<!--[if lte IE 8]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<![endif]-->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body class="bg-dark">
<!-- START SIMPLE -->
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-8 offset-md-2 offset-lg-3 my-3">
<h1 class="text-light h5">{{ company.name }}</h1>
<h2 class="text-light h6">Downloads for Order {{ order.number }}</h2>
<div class="alert alert-secondary">
<small>
<b>
Trouble downloading?
</b>
<br>
<span>
Right click the link(s) below and 'Save File As...' or 'Save Target As...' or try a different browser like Firefox, Chrome, or Safari.
</span>
</small>
</div>
{% if company.uses_dropbox %}
<div class="my-2">
{{ order.dropbox_script }}
</div>
{% endif %}
{% for product in order.products %}
<div class="card mb-3">
<div class="card-body">
<span class="product__title">
<b>{{ product.name }}</b>
</span>
<br>
<span class="product__key">
{{ product.license_key }}
</span>
</div>
{% if product.files.size > 0 %}
<ul class="list-group list-group-flush">
{% assign files = product.files | sort %}
{% for file in files %}
<li class="justify-content-between list-group-item align-items-center">
<span class="mr-1">
<span>
{{ file.filename }}
</span>
{% if file.filesize %}
<small class="text-secondary">
{% assign filesize = file.filesize | times: 1.0 %}
({{ filesize | divided_by: 1024.0 | divided_by: 1024.0 | round: 2 }}MB)
</small>
{% endif %}
</span>
<br>
<a href="{{ file.link }}" class="btn btn-sm btn-primary mt-2">
Download
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endfor %}
<div class="card mt-3">
<div class="card-body">
<strong>
Trouble Downloading?
</strong>
<br>
<small>
Right click on the above link (s) and 'Save File As ...' or 'Save Target As ...' or try another browser like Firefox, Chrome, or Safari.
</small>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article