---

layout: default

title: Tutorials

github_link: designers-guide/tutorials.html

group: Frontend Guides

menu_title: Tutorials

menu_order: 30

menu_style: bullet

menu_chapter: true

---

<ul class="guide-list">

<li><a href="{{ site.url }}/designers-guide/find-smarty-blocks/">How to find Smarty blocks</a></li>

<li><a href="{{ site.url }}/designers-guide/custom-templates/">Custom templates for category and detail pages</a></li>

<li><a href="{{ site.url }}/designers-guide/custom-listing-page/">In-depth example: Custom listing page</a></li>

<li><a href="{{ site.url }}/designers-guide/custom-detail-page/">In-depth example: Custom detail page</a></li>

<li><a href="{{ site.url }}/designers-guide/edit-newsletter-and-document-templates/">Edit newsletter and document templates</a></li>

<li><a href="{{ site.url }}/designers-guide/google-pagespeed-best-practise/">Google PageSpeed</a></li>

<li><a href="{{ site.url }}/designers-guide/browser-notice/">Browser notification for visitors with an outdated browser</a></li>

<li><a href="{{ site.url }}/designers-guide/range-slider-algorithm">Choosing the right range slider algorithm</a></li>