page_single.html
Panoramica
Questo file non è obbligatorio, ma viene solitamente utilizzato per dividere il contenuto della pagina dalla struttura generale di page_generic.html in cui è incluso tramite il tag {% include 'page_single' %}
.
All'interno di page_single.html vengono inseriti tutti i contenuti della pagina singola, non quelli delle pagine figlie.
Esempio
In questo esempio mostriamo alcuni dei principali contenuti di una pagina, nell'ordine: la breadcrumb costruita tramite una macro, il titolo, l'immagine principale, la descrizione, i tag, i form pagina, la gallery e il form contatti.
- page_single.html
<p>{{ macro.breadcrumb() }}</p> <h1>{{ content.title }}</h1> <div class="row page-cont"> {# -------------------------------------------------------- CONTENT IMAGE -------------------------------------------------------- #} {% if content.image_url %} {% set content_image = content.image %} <div class="col-md-5"> <a rel="lightbox" href="{{ content_image.url }}" title="{{ content_image.title }}"> <img class="img-thumbnail page-image" alt="{{ content_image.title }}" src="{{ content_image.url|resample(width=400) }}" /> </a> </div> {% endif %} <div class="col-md-7"> {# -------------------------------------------------------- CONTENT DESCRIPTION -------------------------------------------------------- #} <div class="page-descr"> {{ content.description }} </div> {# -------------------------------------------------------- CONTENT TAGS -------------------------------------------------------- #} {% set content_tags = content.tags %} {% if content_tags|length %} <div class="tagcloud-cont clearfix"> <div class="pull-left"> <h5 class="tagcloud-title text-muted"><span class="glyphicon glyphicon-tags"></span>   {{ find_label('cms', 'tags_title') }}</h5> </div> <div class="pull-left"> {{ macro.tag_cloud(content.tags) }} </div> </div> {% endif %} {# -------------------------------------------------------- CONTENT PAGE FORMS -------------------------------------------------------- #} {% set page_forms = get_page_form() %} {% if page_forms %} <div class="page-forms"> {{ macro.form_page(page_forms) }} </div> {% endif %} {# -------------------------------------------------------- CONTENT GALLERY -------------------------------------------------------- #} {% if content.gallery|length %} <div class="gallery"> {% for image in content.gallery %} <div class="item"> <a href="{{ image.url }}" title="{{ image.title }}"> <img class="img-thumbnail img-responsive" src="{{ image.thumb_url }}" title="{{ image.title }}" /> </a> </div> {% endfor %} </div> {% endif %} {# -------------------------------------------------------- CONTENT CONTACT FORM -------------------------------------------------------- #} <div class="page-form"> {{ macro.form_bootstrap(find_contact(content.contact_id)) }} </div> </div> </div>