page_single.html

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.

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> &emsp; {{ 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>