Templates Download Page

One of our demo pages for Printing Shop is the Templates page, designed with the idea that a printer would offer downloadable templates for customer’s to customize before purchasing products.

To replicate and customize this page, insert this html snippet into the HTML tab of the page editor.

<table><caption>Business Cards</caption>
<thead>
<tr>
<th>Product</th>
<th>Size</th>
<th>Photoshop</th>
<th>Illustrator</th>
<th>Indesign</th>
</tr>
</thead>
<tbody>
<tr>
<td>Business Card, Square</td>
<td>2x2</td>
<td><a class="ps-link" href="http://ps.localhost/">Photoshop</a></td>
<td><a class="ai-link" href="http://ps.localhost/">Illustrator</a></td>
<td><a class="id-link" href="http://ps.localhost/">Indesign</a></td>
</tr>
<tr>
<td>Business Card, Square</td>
<td>2x2</td>
<td><a class="ps-link" href="http://ps.localhost/">Photoshop</a></td>
<td><a class="ai-link" href="http://ps.localhost/">Illustrator</a></td>
<td><a class="id-link" href="http://ps.localhost/">Indesign</a></td>
</tr>
<tr>
<td>Business Card, Square</td>
<td>2x2</td>
<td><a class="ps-link" href="http://ps.localhost/">Photoshop</a></td>
<td><a class="ai-link" href="http://ps.localhost/">Illustrator</a></td>
<td><a class="id-link" href="http://ps.localhost/">Indesign</a></td>
</tr>
</tbody>
</table>

You can continue editing the code from within the HTML tab or switch back to the Visual tab. Be sure to change the links to point to your files.

Note that the links are created with custom classes that convert the text link into styled squares matching the format.